Question

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

我已经完成了以下步骤：

存储在使用grid.onCellChange事件
使用grid.setCssCellStyles或grid.addCellCssStyle添加css样式。（或）通过构建自定义格式化程序。

有人可以为此提供示例代码吗？

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

将Sss样式添加到slickgrid中的已编辑单元格

1 个答案: