kendo-ui - Kendo mvc 网格插入了带有自定义类的新行

Question

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

在这里，我尝试了 2 种方法，但以下方法均无效。新类没有添加到插入的行中。

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
    }

标签： kendo-uikendo-gridkendo-asp.net-mvc

Answer 1

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

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

在这里您可以查看示例： Dojo