在KendoGrid中,要实现在单元格自定义单击时将dataItem传递给JavaScript函数,可以通过以下步骤实现:
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
dataSource: {
data: [
{ id: 1, name: "John Doe", age: 30 },
{ id: 2, name: "Jane Smith", age: 25 },
{ id: 3, name: "Bob Johnson", age: 40 }
],
schema: {
model: {
id: "id",
fields: {
id: { type: "number" },
name: { type: "string" },
age: { type: "number" }
}
}
}
},
columns: [
{ field: "id", title: "ID" },
{ field: "name", title: "Name" },
{ field: "age", title: "Age" },
{ command: { text: "Custom", click: customClick }, title: "Custom Button" }
]
});
function customClick(e) {
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
// 在这里可以使用dataItem对象进行自定义操作
console.log(dataItem);
}
</script>
在上面的代码中,我们创建了一个包含自定义按钮的KendoGrid。当点击该按钮时,会调用名为customClick
的JavaScript函数。在该函数中,使用this.dataItem($(e.currentTarget).closest("tr"))
获取当前行的dataItem对象,即当前行的数据。你可以根据需要对dataItem进行自定义操作。
请注意,customClick
函数中的console.log(dataItem)
只是一个示例,你可以根据实际需求进行相应的操作,例如更新数据、发送请求等。
这是一个简单的示例,你可以根据自己的实际情况进行修改和扩展。希望对你有帮助!
领取专属 10元无门槛券
手把手带您无忧上云