Writing custom formatters for slick grid

Question

While writing custom cell formatters

 function PercentCompleteFormatter(row, cell, value, columnDef, dataContext)

This is the basic definition we have to follow.can i get explanation about dataContext argument in slick grid.What it actually represents.

The exact code for this is

function PercentCompleteFormatter(row, cell, value, columnDef, dataContext) {
if (value == null || value === "") {
  return "-";
} else if (value < 50) {
  return "<span style='color:red;font-weight:bold;'>" + value + "%</span>";
} else {
  return "<span style='color:green'>" + value + "%</span>";
}
}

I just want what dataContext in above code represents

score 5 · Answer 1 · answered May 10 '12 at 06:58

5

"dataContext" is the data item that the cell for the row being rendered is bound to.

answered May 10 '12 at 06:58

Tin

9,082
2
34
32

In this example, the PercentCompleteRenderer is displaying the percent complete field of a task. "dataContext" is that task. – Tin May 10 '12 at 07:11
Task you mean complete row in the grid – satheesh May 10 '12 at 07:16
Yes. The basic examples on the SlickGrid wiki show tasks in the grid, so that's what I used. – Tin May 10 '12 at 07:18

score 0 · Answer 2 · edited Apr 24 '17 at 10:15

To make it more simple,

I wrote this function where i defined my slickgrid and then passed my function to the formatter

    function roundOffValuesFormatter (row, cell, value, columnDef, dataContext) {
        if(dataContext[cellID] || dataContext[cellID]) {
         return Math.round(value*100)/100;  
        } 
    }

and now call this formatter,

{id:'cellID', field:'cellID', name:'Name', width:90, editor:Slick.Editors.Text, formatter: roundOffValuesFormatter}

Now, customize it according to your requirement.

Writing custom formatters for slick grid

2 Answers2

Linked