在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 = {}; 
}