博客

jQWidgets jqxTreeGrid showAggregates属性

  • Post category:jquery

以下是关于 jQWidgets jqxTreeGrid 组件中 showAggregates 属性的详细攻略。

jQWidgets jqxTreeGrid showAggregates 属性

jQWidgets jqxTreeGrid 的 showAggregates 属性用于控制是否显示聚合行。聚合行是一行，用于显示汇总信息，例如总计、平均值等。

语法

$('#treegrid').jqxTreeGrid({ showAggregates: true });

示例

以下两个示例演示如何使用 showAggregates 属性。

示例 1

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100, aggregates: ['sum'] }
  ],
  showAggregates: true
});

在示例 1 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...] } 设置了组件的宽度、高度、数据源和列。然后，我们使用 showAggregates: true 属性显示聚合行。在第三列中，我们使用 aggregates: ['sum'] 属性设置了聚合函数为求和。

示例 2

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100, aggregates: ['sum'] }
  ],
  showAggregates: false
});

在示例 2 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...] } 设置了组件的宽度、高度、数据源和列。然后，我们使用 showAggregates: false 属性隐藏聚合行。在第三列中，我们使用 aggregates: ['sum'] 属性设置了聚合函数为求和。

总之，showAggregates 属性可以轻松地控制 jQWidgets jqxTreeGrid 组件中的聚合行的显示和隐藏，使您的应用程序更加灵活和易于使用。

Tags: