動態更改Kendo ui Grid列標題文本和字段

Question

我在MVC（ASP.NET）項目中使用Kendo ui網格，我想根據來自數據庫的數據更改網格列標題（標題），並更改字段值在JavaScript中。我有下面的代碼來綁定kendo 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");