Kendo mvc 网格插入带有自定义的新行 class

Question

但是我希望我添加的行具有自定义 class，这样我就可以为新添加的行设置不同背景颜色的样式。我怎样才能做到这一点？我正在应用下面的代码，但它没有将新的 class 应用于插入的行。

我在这里尝试了 2 种方法，但下面的 none 有效。新的 class 没有添加到插入的行。

function onChange(e) {
if (e.action == "add") {
            var uid = e.items[0].uid;
            let dataGrid = $('#Grid').data('kendoGrid');
            let dataView = dataGrid.dataSource.view();

            for (let i = 0; i < dataView.length; i++) {
                if (dataView[i].id === 0) {
                    dataGrid.table.find("tr[data-uid='" + dataView[i].uid + "']").addClass("red");
                }
            }

            or
            
            $("[data-uid='" + uid + "']").addClass('red');
        }
        }

.k-alt.k-master-row.red, .k-master-row.red {
        background-color: red
    }

Answer 1

您可以直接在网格的编辑事件中添加您的class：

 edit(e){
    if(e.model.isNew()){
        $("[data-uid='"+e.model.uid+"']").addClass("red");
    }
  }

您可以在此处查看示例： Dojo