jqgrid 加载本地数据
时间: 2023-11-09 13:08:33 浏览: 113
jqgrid加载本地数据并且分页例子
5星 · 资源好评率100%
要在 jqGrid 中加载本地数据,你可以使用 `datatype: "local"` 选项。下面是一个简单的示例:
```javascript
$(function() {
var myData = [
{ id: 1, name: "John Doe", age: 30 },
{ id: 2, name: "Jane Smith", age: 25 },
{ id: 3, name: "Bob Johnson", age: 40 }
];
$("#myGrid").jqGrid({
data: myData,
datatype: "local",
colModel: [
{ name: "id", label: "ID", width: 50 },
{ name: "name", label: "Name", width: 150 },
{ name: "age", label: "Age", width: 50 }
],
height: "auto",
pager: true
});
});
```
在这个示例中,我们声明了一个名为 `myData` 的本地数据数组,并将其传递给 jqGrid 的 `data` 选项。我们还设置了 `datatype: "local"` 选项来告诉 jqGrid 我们要加载本地数据。最后,我们定义了列模型和其他选项来配置 jqGrid 的外观和行为。
注意:本地数据必须是一个数组格式,并且每个对象必须包含一个 `id` 属性,用于标识每个行。
阅读全文