jQWidgets jqxTreeGrid aggregatesHeight属性

  • Post category:jquery

jQWidgets jqxTreeGrid aggregatesHeight 属性

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件,它可以展示层级结构的数据支持多种交互。jqTreeGrid 提供了 aggregatesHeight 属性,用于设置聚合行的高度。

aggregatesHeight 属性

aggregatesHeight 属性用于设置聚合行的高度。该属性的默认值为 25

$('#treeGrid').jqxTreeGrid({
    aggregatesHeight: 30,
    // other configurations
});

示例说明

下面是两个示,展示如何使用 aggregatesHeight 属性:

示例1

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ],
    aggregatesHeight: 30
});

在这个示例中,我们创建了一个 jqxTreeGrid 组件,并将其绑定到一个数据源。然后,我们设置了 aggregatesHeight 属性的值为 30,表示聚合行的高度为 30 像素。

示例2

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ],
    aggregatesHeight: 40
});

在这个示例中,我们同样创建了一个 jqxTreeGrid 组件,并将其绑定到一个数据源。不同的是,我们设置了 aggregatesHeight 属性的值为 40,表示聚合行的高度为 40 像素。

总结

以上就是 jqxTreeGrid 组件的 aggregatesHeight 属性的详细讲解和示例。通过使用 aggregatesHeight 属性,我们可以方便地设置聚合行的高度,提高用户体验。