如何将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网格分成子网格和父网格？

回答

相关问题