在slickgrid中添加Css风格到编辑的单元格

Question

我只是一个初学者，我无法弄清楚如何在slickgrid中将编辑的单元格添加到CSS类中。我搜索了但没有得到答案。

• SlickGrid styling after cell edit
• Assigning CSS Style to Slickgrid Cells

我已经得到了这些步骤做：

• 存储在一个变量使用grid.onCellChange事件
• 添加CSS样式的编辑使用grid.setCssCellStyles或grid.addCellCssStyle。 （或）通过构建自定义格式化程序。

有人能为此提供的示例代码？

Answer 1

我完全按照第一个引用链接中的建议来实现它。传递给SlickGrid.setCellCssStyles（）的第二个参数是一个按行号键入的散列值，该值是由列id键入的另一个散列值，其值为css类。

的代码如下：

<style type="text/css"> 
    .slick-cell-modified { 
     background-color: yellow; 
    } 
</style> 

<script> 
    var modifiedCells = {}; 
    grid.onCellChange.subscribe(function (e, args) { 
     if (!modifiedCells[args.row]) { 
      modifiedCells[args.row] = {}; 
     } 
     modifiedCells[args.row][this.getColumns()[args.cell].id] = "slick-cell-modified"; 
     this.setCellCssStyles("modified", modifiedCells); 
     // ...update data view 
    }); 
</script> 

务必保存如此突出显示的风格不沾左右后，清除细胞css样式。

function saveChanges() { 
    // ... 
    grid.removeCellCssStyles("modified"); 
    modifiedCells = {}; 
}