jQWidgets jqxTreeGrid collapseRow()方法 - BBSMAP

jQWidgets jqxTreeGrid collapseRow()方法

Post published:2023年5月11日
Post category:jquery

以下是关于 jQWidgets jqxTreeGrid 的 collapseRow() 方法的完整攻略：

jQWidgets jqxTreeGrid collapseRow() 方法

collapseRow() 方法用于折叠 jqxTreeGrid 组件中的指定行。该方法会将指定行的子行隐藏，并将该行的展开状态设置为折叠状态。

语法

$('#jqxTreeGrid').jqxTreeGrid('collapseRow', rowId);

参数

rowId：要折叠的行的 ID。该参数为字符串类型。

示例

以下是两个示例，演了如何使用 collapseRow() 方法折叠 jqxTreeGrid 组件中的指定行。

示例 1

// 创建 jqxTreeGrid 组件
$('#jqxTreeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: '', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 },
        { text: 'Address', dataField: 'address', width: 300 }
    ]
});

// 折叠 ID 为 '1' 的行
$('#jqxTreeGrid').jqxTreeGrid('collapseRow', '1');

在示例 1 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并在组件中了一些数据。接着，我们用 collapseRow() 方法折叠了 ID 为 ‘1’ 的行。

示例 2

// 创建 jqxTreeGrid 组件
var treeGrid = $('#jqxTreeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 },
        { text: 'Address', dataField: 'address', width: 300 }
    ]
});

// 折叠 ID 为 '2' 的行
treeGrid.jqxTreeGrid('collapseRow', '2');

在示例 2 中，我们将 jqxTreeGrid() 方法的返回值存储在一个变量 treeGrid 中，并通过该变量调用 collapseRow() 方法折叠了 ID 为 ‘2’ 的行。这个示例演示了如何在使用 jqxTreeGrid 组件时，通过变量引用的方式调用组件方法。

Tags: jquery