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

Writing custom formatters for slick grid

本文关键字：自定义 格式化 程序 网格      更新时间：2023-09-26

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

 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代表什么

"dataContext" 是要呈现的行的单元格绑定到的数据项。

为了使它更简单，

我写了这个函数，我定义了我的光滑网格，然后将我的函数传递给格式化程序

    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}

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

相关文章：