jqgrid 设置 id 映射
时间: 2024-03-10 12:50:18 浏览: 24
如果你的 jqGrid 中的 ID 不是数据源中的原始 ID,而是需要进行映射,可以通过设置 `jsonReader` 的 `id` 属性来实现。例如:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [
{ name: "original_id", hidden: true }, // 隐藏原始 ID 字段
{ name: "name" },
{ name: "age" }
],
jsonReader: {
id: "mapped_id" // 将 mapped_id 字段作为 jqGrid 的 ID
},
// ... 其他配置项
});
```
在这个例子中,我们将数据源中的 `original_id` 字段隐藏起来,而将 `mapped_id` 字段作为 jqGrid 的 ID。这样,在编辑、删除等操作中,就会使用 `mapped_id` 来进行标识。
需要注意的是,`jsonReader` 中的 `id` 属性只有在 `loadonce` 属性为 `true` 时才会生效。如果 `loadonce` 属性为 `false`,则 jqGrid 会根据数据源中的原始 ID 来进行标识。
相关问题
jqgrid 设置 id
可以通过在 `colModel` 中设置 `key: true` 来设置 jqGrid 的主键 ID。例如:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [
{ name: "id", key: true }, // 设置 id 为主键
{ name: "name" },
{ name: "age" }
],
// ... 其他配置项
});
```
这样,`id` 字段就会被作为主键 ID,用于在编辑、删除等操作中进行标识。注意,如果数据源中没有 `id` 字段,则需要在服务器端生成并返回一个唯一的 ID,或者使用其他字段作为主键。
jqgrid 树形结构映射 id\
对于jqGrid树形结构,可以通过设置`treeReader`属性来映射节点的id、父节点id和子节点。具体来说,可以设置以下属性:
- `parent_id_field`:用于映射父节点id的字段名,默认为`parent`。
- `level_field`:用于映射节点层级的字段名,默认为`level`。
- `leaf_field`:用于表示是否为叶子节点的字段名,默认为`isLeaf`。
- `expanded_field`:用于表示节点是否展开的字段名,默认为`expanded`。
- `loaded`:用于表示子节点是否已加载的字段名,默认为`loaded`。
- `icon_field`:用于映射节点图标的字段名,默认为`icon`。
- `identifier`:用于映射节点id的字段名,默认为`id`。
例如,如果节点数据中的id、父节点id和子节点分别为`node_id`、`parent_id`和`children`,可以这样设置treeReader:
```javascript
treeReader: {
parent_id_field: "parent_id",
level_field: "level",
leaf_field: "isLeaf",
expanded_field: "expanded",
loaded: "loaded",
icon_field: "icon",
identifier: "node_id"
}
```
这样,jqGrid就可以正确地解析树形结构数据,并按照树形结构展示在页面上。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)