将新添加的记录显示为脏，即顶部显示红色

Question

我在网格中添加新记录，如下所示

    var newRow = Ext.create(gridModel);
    rowEditPlugin.cancelEdit();
    gridStore.insert(0, newRow);
    reportGrid.getView().refresh();
    reportGrid.getView().getSelectionModel().select(0);
    //rowEditPlugin.startEdit(0);
    rowEditPlugin.startEditByPosition({
        row: newRow,
        column: 0
    });

我希望这个新添加的记录显示为脏，用户应该知道这行是新添加的，即每列顶部的红色标记。

Answer 1

您可以为网格的viewConfig提供一种名为getRowClass的方法。此方法允许您customise the CSS class for the row。

您可以使用Model#phantom property

判断您的记录是否是新插入的

最后，您可以使用SASS / Fashion修改应用程序的CSS，以更改新添加的行的外观。