我正在尝试更改剑道网格的标题。
但是,当我对更改事件执行以下操作时,过滤对该列不起作用。 我这里有一个示例代码来复制 jsfiddle 中的问题:http://jsfiddle.net/nLn5b/4/
$("#change").on("click", function() {
$("#grid th[data-field=FirstName]").html("<a tabindex='-1' class='k-grid-filter' href='#'><span class='k-icon k-filter'></span></a>MiddleName")
})
var grid = $("#grid").kendoGrid({
dataSource: {
data : createRandomData(10),
pageSize: 5,
schema : {
model: {
fields: {
Id : { type: 'number' },
FirstName: { type: 'string' },
LastName : { type: 'string' },
City : { type: 'string' }
}
}
}
},
editable : false,
pageable : true,
filterable: true,
columns : [
{ field: "FirstName", width: 90, title: "First Name" },
{ field: "LastName", width: 90, title: "Last Name" },
{ field: "City", width: 100 }
]
}).data("kendoGrid");
感谢您的帮助。
最佳答案
为什么要在运行时而不是创建时更改标题
?无论如何,您可以使用以下方法来做到这一点:
$("#change").on("click", function() {
$("#grid th[data-field=FirstName]").contents().last().replaceWith("MiddleName");
});
您的 JSFiddle 在此修改:http://jsfiddle.net/OnaBai/nLn5b/5/
关于javascript - 剑道网格标题更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24611267/