📜 jQWidgets jqxGrid collapseallgroups() 方法(1)
📅 最后修改于: 2023-12-03 15:02:18.943000 🧑 作者: Mango
jQWidgets jqxGrid collapseallgroups() 方法
简介
jQWidgets jqxGrid 是一个高度可定制和易于使用的 jQuery 数据网格插件,用于显示和编辑数据表格。collapseallgroups() 是 jqxGrid 中的一个方法,用于折叠网格中所有分组。
语法
返回值
该方法没有返回值。
用法
此方法可在数据网格的任何状态下调用。例如,在网格加载完数据后,您可以使用 collapseallgroups() 方法来折叠所有行组。
$(document).ready(function () {
var data = [
{ name: "Alex", age: 25, gender: "Male", company: "ABC", city: "New York" },
{ name: "Bob", age: 30, gender: "Male", company: "DEF", city: "Chicago" },
{ name: "Charlie", age: 35, gender: "Male", company: "GHI", city: "Miami" },
{ name: "Dave", age: 40, gender: "Male", company: "JKL", city: "Los Angeles" },
{ name: "Emma", age: 28, gender: "Female", company: "MNO", city: "San Francisco" },
{ name: "Frank", age: 33, gender: "Male", company: "PQR", city: "Seattle" }
];
$("#jqxgrid").jqxGrid({
source: data,
columns: [
{ text: "Name", datafield: "name" },
{ text: "Age", datafield: "age" },
{ text: "Gender", datafield: "gender" },
{ text: "Company", datafield: "company" },
{ text: "City", datafield: "city" }
],
groups: ["gender"]
});
$("#jqxgrid").jqxGrid("collapseallgroups");
});
参数
该方法不接受任何参数。
示例
您可以在 jqWidgets 官方网站上找到有关 collapseallgroups() 方法的示例。具体来说,您可以查看网站上的 jqxGrid Row Grouping Demo。
总结
collapseallgroups() 方法是 jQWidgets jqxGrid 中非常有用的方法之一,使开发人员可以方便地折叠数据网格中的所有行组。该方法非常易于使用,可以在任何 jqxGrid 状态下调用,无需任何参数即可使用。