剣道グリッドデータ列の動的列タイトルを変更

Question

グリッドのフィールドがダイナミクスでデータバインドイベントの前にフィールドを知る機会がないため、剣道グリッドがありません。 例：

var dataSource = new kendo.data.DataSource({ 
    type: "aspnetmvc-ajax", 
    transport: { 
     read: { 
      url: appPath + "Controller/GetGridData", 
      dataType: "json", 
      type: "POST", 
      data: { 
       dataSourceID: dataSourceId 
      } 
     }, 
    }, 
    schema: { data: "data", total: "total"}, 
    pageSize: 10, 
    serverSorting: true, 
    serverPaging: true, 
    serverFiltering: true, 
}); 

$("#grid").kendoGrid({ 
     dataSource: dataSource, 
     filterable: { 
      extra: false 
     }, 
     dataBound: function (data) { 

     }, 
     pageable: { 
      pageSizes: true, 
      pageSizes: [10, 20, 50, 100] 
     } 
)} 

は、動的データバインドさイベントやデータがロードされた後が、ユーザーにそれを表示する前に列ヘッダを変更する方法はありますか？私は剣道のデータソースを使用している。この例では

Answer 1

を助けるかもしれない（後に多くの前後にTelerikによって、トラブルシューティングのメッセージを腹立たしい）、その後に基づいて、列名を決定AJAX呼び出しを介してgridを初期化する前にデータを要求することにより、データ。正確に100％のダイナミックそれはAJAX呼び出しと私の知る限り（Telerikで前後にチャットした後）から取得した値に基づいて、列名を変更します、真に動的な列は、グリッドコントロールによってサポートされていない未

$.ajax({ 
    type: "POST", 
    url: "/Controller/GetGridData", 
     // *Important* stringify the server-bound object 
     data: JSON.stringify(dataSourceId), 
     dataType: "json", 
     contentType: "application/json", 
     async: true, 
     success: function(response) { 
      // response contains data required for grid datasource 
      ConstructGrid(response); 
     } 
    }); 

function ConstructGrid(gridData) { 
    var dataSource = new kendo.data.DataSource({ 
     ... attributes 
     data: gridData, 
     ... more attributes 
    }); 
    var columnsArray = []; 
    if(gridData.attributeToCheck = "someValue") { 
     columnsArray.push({field: attributeEqualToSomeValue, title="attributeMatchingSomeValue"}); 
    } 
    else { 
     columnsArray.push({field: attributeNotEqualToSomeValue, title="attributeNotMatchingSomeValue"}); 
    } 
    .. continue to add more columns based on data then initialise grid 
    $("#grid").kendoGrid({ 
     dataSource: dataSource, 
     filterable: { 
      extra: false 
     }, 
     columns: columnsArray, 
     pageable: { 
      pageSizes: true, 
      pageSizes: [10, 20, 50, 100] 
     } 
    )}; 
} 

。

Answer 2

チェックこのJsbin

`https://output.jsbin.com/lesoxes/` 

。

コンソールですべての列の詳細を取得します。

は、私が「ダイナミック」列のヘッダーを達成あなたに