代码之家  ›  专栏  ›  技术社区  ›  Severin

如何在kendo网格中编程添加组和组和

  •  0
  • Severin  · 技术社区  · 6 年前

    在我的例子中,我可以将代码直接存储在网格中:

    group: [{ field: "age", aggregates: [ { field: "age", aggregate: "sum" }] }]
    

    如何以编程方式将其存储为代码?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Severin    6 年前

    我的解决方案如下:

    Sample in dojo

    <div id="grid"></div>
    <script>
               var dataSource = new kendo.data.DataSource({
                                                                               data: [
            { name: "Jane Doe", age: 30 },
            { name: "Jane Doo", age: 30 },
            { name: "John Doe", age: 33 }
        ]      
    });  
    var grid = $("#grid").kendoGrid({
        dataSource: dataSource,     
               groupable: true,
        columns: [
          { 
            field: "name"
          },
          { 
            field: "age",
     //     groupFooterTemplate: "Total: #= sum #"
          }
        ],
    }).data("kendoGrid");
               grid.dataSource.group([
               { field: "age", aggregates: [ 
                                     { field: "age", aggregate: "sum" }
                                    ] 
        }
               ]);
    
               $.each(grid.columns, function(key, vs){
    console.log(grid.columns[key].field);
      if(grid.columns[key].field == "age"){
               grid.columns[key].groupFooterTemplate = "Total: #= sum #";
      }   
    });
               grid.refresh();
    </script>
    

    如果有更好的解决方案,我很乐意接手。