动态更改 Kendo ui Grid Column 标题文本和字段答案

【问题标题】：Change dynamically Kendo ui Grid Column header text and field动态更改 Kendo ui Grid Column 标题文本和字段
【发布时间】：2014-04-04 11:49:01
【问题描述】：

我在 MVC (ASP.NET) 项目中使用 Kendo ui Grid，我想根据来自数据库的数据更改网格列标题（标题），并更改 javascript 中的字段值。我有以下代码用于绑定剑道 ui 网格。

detailRow.find("#childGrid").kendoGrid({
    dataSource: partDataSource,
    scrollable: false,
    sortable: true,
    pageable: 
    {
        input: true,
        numeric: false
    },

    columns: [{
            field: "UnitNumber",
            title: "Unit Number",
        },
        {
            field: "SampleNumber",
            title: "Sample Number",
        },
        {
            field: "TotalMiles",
            title: "TestFrequency",

        },
        {
            field: "IsTestCompletedByDriver",
            title: "Part Complete",
            template: "#if( IsPartCompleteApprove==true){#<a href='javascript:return(void)' style='float: left; font-size: 17px;' class='app-btn'>Approved</a>#} else if( IsTestCompletedByDriver==false || MarkTesterComplete==true) {#<input type=\"checkbox\"   name='IsTestCompletedByDriver' #= IsTestCompletedByDriver? 'checked' : '' # disabled  /># }   else {#<span><input class='k-button k-button-icontext k-grid-AddFeedback' type='button' onclick=ApprovePartcomplete('#:TRPartUnitId#','approve'); value='Approve'/>  <input class='k-button k-button-icontext k-grid-AddFeedback'type='button' onclick=ApprovePartcomplete('#:TRPartUnitId#','reject'); value='Reject'/><span>#} #",
        },
    ]
});

我必须根据“TestFrequency”值动态更改“标题”并更改其“字段”。请让我帮忙。

谢谢，

【问题讨论】：

标签： javascript jquery asp.net-mvc

【解决方案1】：

您可以使用 jquery 来更改列标题。

$("#childGrid th[data-field=TotalMiles]").html("TestFrequency");

【讨论】：

【解决方案2】：

要更改剑道网格的标题，您可以使用两种方法

$("#grdDynamicCol thead [data-field=Src] .k-link").html("New Source")

或

$("#grdDynamicCol th[data-field=Dest]").html("New Destination")

【讨论】：