jqgrid 初始排序
时间: 2023-07-20 14:30:54 浏览: 134
你可以使用 `sortname` 和 `sortorder` 选项来设置 jqGrid 的初始排序方式。其中,`sortname` 表示需要排序的列名,`sortorder` 表示排序的方式,可以是升序(`asc`)或降序(`desc`)。
例如,如果你想将 jqGrid 的初始排序方式设置为按照 ID 列降序排列,可以这样写:
``` javascript
$("#grid").jqGrid({
url: "/data",
datatype: "json",
colModel: [
{ name: "id", index: "id", sorttype: "int" },
{ name: "name", index: "name" },
{ name: "age", index: "age", sorttype: "int" }
],
sortname: "id",
sortorder: "desc",
// 其他选项...
});
```
在上面的例子中,`sortname` 设置为 `"id"`,`sortorder` 设置为 `"desc"`,表示初始排序方式为按照 ID 列降序排列。注意,需要将 ID 列的 `index` 属性设置为 `"id"`,才能使 `sortname` 生效。
相关问题
jqgrid 初始排序 多个字段
如果你想在 jqGrid 中进行多列的初始排序,可以将 `sortname` 设置为一个数组,数组中的每个元素表示一个需要排序的列名,按照数组中的顺序依次排序。
例如,如果你想将 jqGrid 的初始排序方式设置为按照 ID 列降序排列,如果 ID 列相同则按照年龄升序排列,可以这样写:
``` javascript
$("#grid").jqGrid({
url: "/data",
datatype: "json",
colModel: [
{ name: "id", index: "id", sorttype: "int" },
{ name: "name", index: "name" },
{ name: "age", index: "age", sorttype: "int" }
],
sortname: ["id", "age"],
sortorder: ["desc", "asc"],
// 其他选项...
});
```
在上面的例子中,`sortname` 设置为 `["id", "age"]`,`sortorder` 设置为 `["desc", "asc"]`,表示初始排序方式为按照 ID 列降序排列,如果 ID 列相同则按照年龄升序排列。需要注意的是,`sortname` 和 `sortorder` 的数组元素个数必须一致,否则会导致排序错误。
jqgrid 初始化不需要加载数据
是的,jqGrid的初始化不需要加载数据。在jqGrid的初始化中,可以设置表格的基本属性,如列名、列宽、排序方式等。数据可以在后续的操作中通过ajax请求或其他方式加载。示例代码如下:
```
$("#grid").jqGrid({
url: 'url',
datatype: 'json',
colNames:['Column 1', 'Column 2', 'Column 3'],
colModel:[
{name:'col1', index:'col1', width:100},
{name:'col2', index:'col2', width:100},
{name:'col3', index:'col3', width:100}
],
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'col1',
viewrecords: true,
sortorder: "desc",
caption:"My first grid"
});
```
在上面的代码中,我们设置了表格的基本属性,但是没有加载任何数据。数据可以通过url参数指定远程请求的地址,也可以在后续的操作中通过ajax请求或其他方式加载。
阅读全文