Javascript 剑道网格使用自定义类插入新行

这就是我如何将新数据插入剑道网格的方法，但是我希望我添加的行有一个自定义类，这样我就可以用不同的背景色设置我新添加的行的样式。我怎样才能做到这一点？我搜索了所有的文档都找不到任何相关的

    var dataSource = $('#grid').data('kendoGrid').dataSource;
    dataSource.insert(0, {
        "name":"ABC",
        "age": 99
    });

---

您可以通过UID查找新添加的行，并将类添加到该行

我在这个博客上探讨了解决方案：

const sampleData=getSampleData（）；
$（文档）.ready（（）=>{
$（“#示例网格包装器”）.kendoGrid({
数据源：{
数据：sampleData.data，
模式：{
型号：{
字段：sampleData.fields
}
}
},
columns:sampleData.columns
});
setTimeout（InsertNewRecordAfter1秒，1000）；
});
函数insertNewRecordAfterOneSecond（）{
//插入数据
让dataGrid=$（'#示例网格包装器'）.data（'kendoGrid'）；
插入（0，{id:1，名称：“Sam”，位置：“B”，颜色：“蓝色”，状态：0}）；
//重新扫描表格并查找新添加的行。
dataGrid=$（'#示例网格包装器'）。数据（'kendoGrid'）；
让dataView=dataGrid.dataSource.view（）；
for（设i=0；i

。突出显示的行{
背景：#FF0；/*Higlight行黄色*/
}

---

您可以通过UID查找新添加的行，并将类添加到该行中

我在这个博客上探讨了解决方案：

const sampleData=getSampleData（）；
$（文档）.ready（（）=>{
$（“#示例网格包装器”）.kendoGrid({
数据源：{
数据：sampleData.data，
模式：{
型号：{
字段：sampleData.fields
}
}
},
columns:sampleData.columns
});
setTimeout（InsertNewRecordAfter1秒，1000）；
});
函数insertNewRecordAfterOneSecond（）{
//插入数据
让dataGrid=$（'#示例网格包装器'）.data（'kendoGrid'）；
插入（0，{id:1，名称：“Sam”，位置：“B”，颜色：“蓝色”，状态：0}）；
//重新扫描表格并查找新添加的行。
dataGrid=$（'#示例网格包装器'）。数据（'kendoGrid'）；
让dataView=dataGrid.dataSource.view（）；
for（设i=0；i

。突出显示的行{
背景：#FF0；/*Higlight行黄色*/
}

---

以便将新类添加到您可以使用的每一行。但是，每次移动到下一页/上一页或添加其他行时，您都需要再次添加类

为了实现这一点，您可以在全局数组中保存所有新添加的行uuid的列表，然后重新应用该类

拨弄

var newUUID=[]；
$（“#网格”）.kendoGrid({
可导航：是的，
可过滤：正确，
可分页：{
页面大小：5，
始终可见：错误，
页面大小：[5、10、20、100]
},
数据绑定：函数（e）{
$.each（newUUID，function（idx，ele）{
如果（$（ele）.length！=0）{
$（ele.addClass（'newRow'）；
}
})
}
});
$（'#btn'）。在（'click'，函数（e）上{
var dataSource=$（“#网格”）.data（'kendoGrid'）.dataSource；
var x=数据源.insert（0{
“名称”：“ABC”，
“年龄”：99
});
newUUID.push（“[datauid=”+x.uid+“]”）；
$（“[data uid=”+x.uid+“]”）.addClass（'newRow'）；
})

以便将新类添加到您可以使用的每一行。但是，每次移动到下一页/上一页或添加其他行时，您都需要再次添加类

为了实现这一点，您可以在全局数组中保存所有新添加的行uuid的列表，然后重新应用该类

拨弄

var newUUID=[]；
$（“#网格”）.kendoGrid({
可导航：是的，
可过滤：正确，
可分页：{
页面大小：5，
始终可见：错误，
页面大小：[5、10、20、100]
},
数据绑定：函数（e）{
$.each（newUUID，function（idx，ele）{
如果（$（ele）.length！=0）{
$（ele.addClass（'newRow'）；
}
})
}
});
$（'#btn'）。在（'click'，函数（e）上{
var dataSource=$（“#网格”）.data（'kendoGrid'）.dataSource；
var x=数据源.insert（0{
“姓名”：“A”