jqgrid 初始化不需要加载数据
时间: 2023-07-31 09:04:08 浏览: 46
是的,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请求或其他方式加载。
相关问题
jqgrid 初始化设置url 但是不需要加载数据,等待调用reloadGrid 才加载数据
可以在初始化jqGrid时指定`url`参数,并将`datatype`参数设置为`local`。这将使jqGrid不会在初始化时从服务器上加载数据。然后,在需要加载数据时,可以调用`reloadGrid`方法从服务器上获取数据并刷新表格。
示例代码如下:
```
$("#grid").jqGrid({
url: 'url',
datatype: 'local',
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"
});
// 当需要加载数据时,调用reloadGrid方法
$("#grid").jqGrid("setGridParam", {url: 'new_url'}).trigger("reloadGrid");
```
在上面的代码中,我们将`url`设置为需要获取数据的地址,但是将`datatype`设置为`local`,这将使表格不会在初始化时从服务器上加载数据。然后,在需要加载数据时,我们调用`reloadGrid`方法,并设置`url`参数为需要获取数据的地址,以重新加载并刷新表格。
jqgrid 5.0 afterRedraw 刷新数据下拉框数据
在jqGrid 5.0版本中,可以在`afterRedraw`事件中刷新下拉框的数据,具体步骤如下:
1. 首先,在jqGrid的初始化代码中添加下拉框的定义和初始数据,例如:
```javascript
$("#grid").jqGrid({
...
colModel: [
...
{
name: "status",
label: "状态",
editable: true,
edittype: "select",
editoptions: {
value: "1:正常;2:禁用",
dataInit: function (elem) {
// 在这里保存下拉框的初始数据
$(elem).data("initData", $(elem).html());
}
}
},
...
],
...
});
```
2. 然后,在`afterRedraw`事件处理函数中获取下拉框的初始数据,并刷新下拉框的选项,例如:
```javascript
$("#grid").jqGrid({
...
afterRedraw: function () {
var grid = this;
// 获取下拉框的初始数据
var initData = $("#grid select[name='status']").data("initData");
// 更新下拉框的选项
$("#grid select[name='status']").html(initData + "<option value='3'>暂停</option>");
},
...
});
```
在这个例子中,`afterRedraw`事件处理函数首先通过`data`方法获取下拉框的初始数据,并将其保存在下拉框的`data`属性中。然后,在每次`afterRedraw`事件触发时,它会从`data`属性中获取初始数据,并根据需要更新下拉框的选项。在这个例子中,它添加了一个名为“暂停”的选项。