jqgrid 多选参数
时间: 2023-07-29 09:14:59 浏览: 116
在 jqGrid 中启用多选,需要设置`multiselect`参数为`true`,例如:
```
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [
{ name: "id", label: "ID", width: 100 },
{ name: "name", label: "Name", width: 200 },
{ name: "price", label: "Price", width: 100 }
],
multiselect: true, // 启用多选
rowNum: 10,
rowList: [10, 20, 30],
pager: "#pager",
height: "auto",
autowidth: true,
caption: "My first grid"
});
```
启用多选后,用户可以通过点击每一行前面的复选框来进行选择。在提交表单时,可以通过`getGridParam('selarrrow')`方法获取选中行的ID数组。例如:
```
var selectedRows = $("#grid").jqGrid('getGridParam', 'selarrrow');
console.log(selectedRows);
```
这将打印选中行的ID数组。
相关问题
jqgrid下拉框多选
jqgrid下拉框可以实现多选功能,具体实现方法如下:
1. 设置colModel中的edittype为select,同时设置editoptions中的multiple为true,例如:
```
{name:'fruit',index:'fruit', width:90, editable: true, edittype:"select", editoptions:{value:"apple:苹果;banana:香蕉;orange:橙子", multiple:true}}
```
2. 在colModel中设置formatter为select,同时设置editoptions中的multiple为true,例如:
```
{name:'fruit',index:'fruit', width:90, editable: true, formatter:'select', edittype:"select", editoptions:{value:"apple:苹果;banana:香蕉;orange:橙子", multiple:true}}
```
以上两种方法都可以实现下拉框多选功能,具体使用哪种方法取决于你的需求。
jqGrid 重载参数
如果你需要在 jqGrid 中重新加载数据时修改参数,可以使用 `setGridParam` 方法来设置 jqGrid 的参数。以下是一个示例代码:
```javascript
// 定义 jqGrid
$("#grid").jqGrid({
url: 'data.php',
datatype: 'json',
mtype: 'GET',
colNames:['ID','姓名','年龄','性别'],
colModel:[
{name:'id',index:'id', width:60, sorttype:"int"},
{name:'name',index:'name', width:100},
{name:'age',index:'age', width:80, align:"right",sorttype:"int"},
{name:'gender',index:'gender', width:80, align:"right",sorttype:"int"}
],
pager: '#pager',
rowNum: 10,
rowList: [10, 20, 30],
sortname: 'id',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: '测试 jqGrid'
});
// 重新加载数据时修改参数
$("#reloadBtn").click(function() {
var postData = {
rows: 20,
page: 1,
sortname: 'name',
sortorder: 'asc'
};
$("#grid").jqGrid('setGridParam', {
postData: postData
}).trigger("reloadGrid");
});
```
在上面的代码中,我们定义了一个 jqGrid,然后在点击重新加载按钮时修改了 `rows`、`page`、`sortname` 和 `sortorder` 等参数,并使用 `setGridParam` 方法将新的参数设置到 jqGrid 中。最后调用 `reloadGrid` 方法重新加载数据。这样就可以实现在重新加载数据时修改参数的功能了。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.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)