Question

我在MVC（ASP.NET）项目中使用Kendo ui Grid，我想根据来自数据库的数据更改网格列标题（标题），并在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”值动态更改“title”，并更改其“field”。请让我帮忙。

谢谢，

Answer 1

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

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

Answer 2

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

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

或

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

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

2 个答案: