如何將Kendo網格分成子網格和父網格？

所以我的網格出現問題，因爲它有太多的列。我想要做的就是將這個網格分成一半，在主要網格中僅顯示一半列，而在行擴展時只有一半顯示在子網格中。如何將Kendo網格分成子網格和父網格？

基本上，父網格的行中的數據必須與子網格的行中的數據相同，只顯示不同的列。

下面的代碼應該被轉化成這樣的：

這裏的電網本身：

$("#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調用。

來源

2017-04-07 DisplayName

您可以使用detailInit事件中傳遞的數據在您的子網格中使用。

試試這個jsFiddle如果這對你有用。

來源

2017-04-10 02:48:16

你先生，是救世主。謝謝，它確實有用。我也在想，如果你也許知道MVC Razor如何做到這一點，僅供將來參考。謝謝。 – DisplayName

不客氣！對不起，我對MVC Razor不熟悉。 –

如何將Kendo網格分成子網格和父網格？

回答

相關問題