javascript - 为光滑网格编写自定义格式化程序

Question

在编写自定义单元格格式化程序时

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

这是我们必须遵循的基本定义。我可以在光滑的网格中得到关于 dataContext 参数的解释。它实际代表什么。

确切的代码是

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>";
}
}

我只想要上面代码中的 dataContext 代表什么

Answer 1

“dataContext”是正在呈现的行的单元格绑定到的数据项。

Answer 2

为了更简单，

我在定义我的 slickgrid 的地方编写了这个函数，然后将我的函数传递给了格式化程序

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

现在调用这个格式化程序，

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

现在，根据您的要求对其进行自定义。