剣道グリッドを子グリッドと親グリッドに分割する方法は？

Question

グリッドに多すぎる列があるため、グリッドに問題があります。私がしたいのは、このグリッドを半分に分割し、メイングリッドに表示される列の半分だけを持ち、残りの半分は行が展開されるときに子グリッドに分割することです。

親グリッドの行のデータは、基本的に子グリッドの行のデータと同じでなければならず、異なる列のみが表示されます。

次のコードは、このようなものに変換する必要があります。

$("#Materials") 
    .kendoGrid({ 
     dataSource: { 
      data: [], 
      schema: { 
       model: { 
        id: "ID", 
        fields: { 
         ID: { type: "number", editable: false }, 
         Code: { type: "string", editable: false }, 
         Name: { type: "string", editable: false }, 
         ExternalCode1: { type: "string", editable: false }, 
         ExternalCode2: { type: "string", editable: false }, 
         OtherCode1: { type: "string", editable: false }, 
         ServiceMode: { type: "string", editable: false }, 
        } 
       } 
      }, 
      pageSize: 20 
     }, 
     pageable: true, 
     columns: [ 
      { field: "Code", title:"Code"}, 
      { field: "Name", title: "Name"}, 
      { field: "ExternalCode1", title:"External Code1"}, 
      { field: "ExternalCode2", title:"External Code2"}, 
      { field: "OtherCode1", title:"Other Code1"}, 
      { field: "ServiceMode", title:"Service Mode"}, 
     ], 
     editable: false 
    }); 

私はAJAX呼び出しを速くpageloadパフォーマンスのための準備ができて文書上のデータを充填しています：ここで

グリッド自体です。

Answer 1

detailInitイベントで渡されたデータを、子グリッドで使用することができます。

お試しください。これはjsFiddleです。