剑道网格标题更改答案

【问题标题】：kendo grid title change剑道网格标题更改
【发布时间】：2014-07-07 13:04:22
【问题描述】：

我正在尝试更改剑道网格的标题。

但是，当我对更改事件执行以下操作时，过滤不适用于该列。我在这里有一个示例代码来复制 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");

感谢您的帮助。

【问题讨论】：

标签： javascript jquery kendo-ui kendo-grid

【解决方案1】：

为什么要在运行时而不是在创建时更改title？无论如何，您可以使用：

$("#change").on("click", function() {
    $("#grid th[data-field=FirstName]").contents().last().replaceWith("MiddleName");
});

您的 JSFiddle 在此处修改：http://jsfiddle.net/OnaBai/nLn5b/5/

【讨论】：

我无法通过 jquery 中控件的标题 api 更改标题。我将尝试在 jsfiddle 中复制该问题。

【解决方案2】：

我相信这样更清楚：

$("#grid th[data-field=FirstName]").html("MiddleName");

【讨论】：

这可行，但如果您在列标题上有一个过滤器属性，则会删除该属性