📜  jQWidgets jqxGrid showaggregates 属性(1)

📅  最后修改于: 2023-12-03 15:16:54.427000             🧑  作者: Mango

jQWidgets jqxGrid showaggregates 属性

在jqxGrid中,showaggregates是一个可选属性,用于指定是否在列底部显示汇总数据。该属性有两个可能的值:true和false。如果设置为true,则会在grid的底部显示汇总行,其中每个列都会显示该列的汇总数据。如果设置为false(默认值),则汇总行将不会显示。

语法
$('#grid').jqxGrid({
    showaggregates: Boolean
});

其中,#grid是jqxGrid的ID, Boolean是true或false。

示例

下面是一个显示了汇总行的jqxGrid示例:

  $(function () {
      var jQWidgetsGridSource = [
        {
            OrderDate: "2021-06-01",
            Customer: "Customer 1",
            Total: 100
        },
        {
            OrderDate: "2021-06-01",
            Customer: "Customer 2",
            Total: 200
        },
        {
            OrderDate: "2021-06-02",
            Customer: "Customer 1",
            Total: 150
        },
        {
            OrderDate: "2021-06-02",
            Customer: "Customer 2",
            Total: 250
        }
      ];
    
      $('#jqxGrid').jqxGrid({
          width: 500,
          source: jQWidgetsGridSource,
          columns: [
            { text: 'Order Date', datafield: 'OrderDate'},
            { text: 'Customer', datafield: 'Customer'},
            { text: 'Total', datafield: 'Total', aggregates: ['sum'] }
          ],
          showaggregates: true,
          sortable: true
      });
  });

在该示例中,showaggregates属性被设置为true,因此在grid的底部会出现一行,其中包含每个列的汇总数据。

结论

通过设置showaggregates属性,您可以轻松控制jqxGrid是否在底部显示汇总行。该属性对于需要显示汇总数据的数据集非常有用。