javascript - 动态更改 Kendo ui Grid 列标题文本和字段

Question

我在 MVC (ASP.NET) 项目中使用 Kendo ui Grid，我想根据来自数据库的数据更改网格列标题(标题)，并更改 javascript 中的字段值。我有以下用于绑定(bind)剑道 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”值动态更改“标题”并更改其“字段”。请让我帮忙。

谢谢，

Answer 1

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

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