jqgrid localReader
时间: 2024-03-16 22:46:17 浏览: 135
`localReader`是`jqGrid`插件中的一个配置项,用于配置本地数据的读取方式。当`datatype`设置为`"local"`时,`localReader`会解析本地数据,并将其转换为`jqGrid`所需的数据格式。
以下是`localReader`的常用配置项:
- `id`: 用于指定本地数据的唯一标识符,默认为`"id"`。
- `root`: 用于指定本地数据的根节点,默认为`"rows"`。
- `page`: 用于指定当前页码,默认为`1`。
- `total`: 用于指定总页数,默认为`1`。
- `records`: 用于指定本地数据的总记录数,默认为`0`。
例如,以下配置将本地数据的唯一标识符设置为`"myId"`,根节点为`"myData"`,并指定总记录数为`10`:
```javascript
$("#myGrid").jqGrid({
datatype: "local",
data: myData,
localReader: {
id: "myId",
root: "myData",
records: 10
},
// other options
});
```
相关问题
jqgrid 5.0 localReader
`localReader`是`jqGrid`插件中的一个配置项,用于配置本地数据的读取方式。在`jqGrid 5.0`版本中,`localReader`的配置项发生了一些变化,以下是`jqGrid 5.0`中`localReader`的常用配置项:
- `records`: 用于指定本地数据的总记录数。
- `total`: 用于指定总页数。
- `repeatitems`: 用于指定本地数据的格式是否是重复的。
- `root`: 用于指定本地数据的根节点。
- `id`: 用于指定本地数据的唯一标识符。
另外,`jqGrid 5.0`中还新增了一个`localData`配置项,用于指定本地数据的源数据。如果同时指定了`localData`和`url`两个配置项,则`url`优先级更高,`jqGrid`会从`url`中获取数据。
以下是一个`jqGrid 5.0`中使用`localReader`的示例:
```javascript
$("#myGrid").jqGrid({
datatype: "local",
localData: myData,
localReader: {
records: "total",
total: "pages",
repeatitems: false,
root: "rows",
id: "myId"
},
colModel: [
{ name: "myId", key: true, hidden: true },
{ name: "name", width: 200 },
{ name: "age", width: 100 },
{ name: "address", width: 300 }
],
rowNum: 10,
rowList: [10, 20, 30],
pager: "#myPager",
sortname: "myId",
viewrecords: true,
sortorder: "asc",
caption: "My First Grid"
});
```
在上面的示例中,我们使用了`localData`配置项指定了本地数据源。然后,我们在`localReader`中配置了本地数据的读取方式,其中`records`指定了总记录数的字段名为`"total"`,`total`指定了总页数的字段名为`"pages"`,`repeatitems`为`false`表示本地数据格式不是重复的,`root`指定了本地数据的根节点为`"rows"`,`id`指定了本地数据的唯一标识符为`"myId"`。最后,我们在`colModel`中为表格的每一列指定了相应的配置项。
jqgrid clearToolbar
在jqGrid中,可以使用`clearToolbar`方法清空搜索栏中的搜索条件。
该方法将清除搜索栏中的输入框、下拉列表等控件的值,以及jqGrid的postData参数中的搜索条件。
以下是使用`clearToolbar`方法的示例:
```javascript
$("#clearButton").click(function(){
$("#grid").jqGrid("clearToolbar");
});
```
在这个示例中,我们将`clearToolbar`方法绑定到一个名为`clearButton`的按钮上。当用户单击该按钮时,将清除搜索栏中的搜索条件。
注意,`clearToolbar`方法只会清除搜索栏中的搜索条件,并不会重新加载表格数据。如果您需要重新加载表格数据,请调用`reloadGrid`方法。
阅读全文