jQWidgets jqxGrid sortby()方法
jQWidgets jqxGrid
是一种表格控件,用于在 Web 应用程序中创建表格。sortby()
方法是 jqxGrid
控件的一个方法,用于按指定列进行排序。本文将详细讲解 sortby()
的使用方法,并提供两个示例说明。
方法
sortby()
方法用于按指定列进行排序。该方法接受一个参数,即要排序的列的数据字段。
// 创建 jqxGrid 控件
$("#jqxGrid").jqxGrid({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Name", dataField: "name" },
{ text: "Age", dataField: "age" },
{ text: "Salary", dataField: "salary" }
]
});
// 按 "Age" 列进行排序
$("#jqxGrid").jqxGrid('sortby', 'age', 'asc');
在上述代码中,我们创建了一个 jqxGrid
控件,并使用 sortby()
方法按 “Age” 列进行升序排序。
示例
以下是两个示例演示如何使用 sortby()
方法。
示例 1
在此示例中,我们创建了一个 jqxGrid
控件,并使用 sortby()
方法按 “Age” 列进行升序排序。
<div id="jqxGrid"></div>
<script>
$(document).ready(function () {
// 创建 jqxGrid 控件
$("#jqxGrid").jqxGrid({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Name", dataField: "name" },
{ text: "Age", dataField: "age" },
{ text: "Salary", dataField: "salary" }
]
});
// 按 "Age" 列进行排序
$("#jqxGrid").jqxGrid('sortby', 'age', 'asc');
});
</script>
在上述代码中,我们创建了一个 jqxGrid
控件,并使用 sortby()
方法按 “Age” 列进行升序排序。
示例 2
在此示例中,我们创建了一个 jqxGrid
控件,并使用 sortby()
方法按 “Salary” 列进行降序排序。
<div id="jqxGrid"></div>
<script>
$(document).ready(function () {
// 创建 jqxGrid 控件
$("#jqxGrid").jqxGrid({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Name", dataField: "name" },
{ text: "Age", dataField: "age" },
{ text: "Salary", dataField: "salary" }
]
});
// 按 "Salary" 列进行排序
$("#jqxGrid").jqxGrid('sortby', 'salary', 'desc');
});
</script>
在上述代码中,我们创建了一个 jqxGrid
控件,并使用 sortby()
方法按 “Salary” 列进行降序排序。
以上是 jqxGrid
的 sortby()
方法的详说明,以及两个示例。在示例中,我们使用 sortby()
方法按指定列进行排序。