jqgrid scrollrows配置
时间: 2023-07-11 18:47:12 浏览: 44
jqGrid的scrollrows配置是用于设置是否启用行滚动功能,即当用户向下滚动表格时,表格行是否同时滚动。默认情况下,此选项为false,即不启用行滚动功能。
如果要启用此选项,需要将scrollrows设置为true,并在表格初始化时指定scrollOffset选项来设置滚动偏移量。例如:
```javascript
$("#grid").jqGrid({
...
scrollrows: true,
scrollOffset: 0, // 滚动偏移量
...
});
```
其中,scrollOffset选项用于设置行滚动时的偏移量。如果设置为0,则滚动时行将与表头对齐。如果设置为负值,则行将向上滚动,如果设置为正值,则行将向下滚动。
相关问题
jqgrid下拉框怎么配置
在 jqGrid 中配置下拉框可以使用 `editoptions` 属性,该属性用于设置编辑操作的选项。具体的配置方式如下:
1. 定义下拉框数据源
```javascript
var mydata = [
{ id: "1", name: "John", city: "New York" },
{ id: "2", name: "Bob", city: "Los Angeles" },
{ id: "3", name: "Mike", city: "Chicago" },
{ id: "4", name: "Tom", city: "Houston" },
{ id: "5", name: "Jerry", city: "Miami" }
];
```
2. 配置列模型
```javascript
colModel: [
{ name: 'id', index: 'id', width: 60, editable: true },
{ name: 'name', index: 'name', width: 90, editable: true },
{ name: 'city', index: 'city', width: 100, editable: true, edittype: "select",
editoptions: { value: "New York:New York;Los Angeles:Los Angeles;Chicago:Chicago;Houston:Houston;Miami:Miami" } }
]
```
在上面的代码中,我们在第三列中配置了下拉框。`edittype` 属性设置为 `select` 表示使用下拉框进行编辑,`editoptions` 属性中的 `value` 值定义了下拉框的选项列表。
如果下拉框的选项比较多,可以将选项列表存储在一个数组中,并通过 JavaScript 动态生成选项列表。例如:
```javascript
var cities = [
{ id: "NY", name: "New York" },
{ id: "LA", name: "Los Angeles" },
{ id: "CH", name: "Chicago" },
{ id: "HO", name: "Houston" },
{ id: "MI", name: "Miami" }
];
var cityOptions = "";
for (var i = 0; i < cities.length; i++) {
cityOptions += cities[i].id + ":" + cities[i].name + ";";
}
colModel: [
{ name: 'id', index: 'id', width: 60, editable: true },
{ name: 'name', index: 'name', width: 90, editable: true },
{ name: 'city', index: 'city', width: 100, editable: true, edittype: "select",
editoptions: { value: cityOptions } }
]
```
这样就可以通过 `cities` 数组动态生成下拉框选项了。
JQGRID navGrid 搜索配置
JQGRID中navGrid方法用于创建Grid的导航栏,其中包括添加、编辑、删除、刷新等操作按钮,同时也包括搜索框。可以通过配置search属性来设置搜索框的相关参数,例如:
```
$("#grid").jqGrid('navGrid','#pager',{},{},{},{},{multipleSearch:true});
```
其中,multipleSearch:true表示启用多条件搜索,即可以通过多个搜索条件来搜索数据。还可以通过设置searchOperators属性来设置搜索条件之间的运算符,例如:
```
$("#grid").jqGrid('navGrid','#pager',{},{},{},{},{multipleSearch:true,searchOperators:true});
```
此时,搜索框中将出现运算符选择框,可以选择不同的运算符来组合多个搜索条件。另外,还可以通过设置searchOptions属性来设置搜索框的其他参数,例如:
```
$("#grid").jqGrid('navGrid','#pager',{},{},{},{},{multipleSearch:true,searchOperators:true,searchOptions:{sopt:['eq','ne','lt','gt','cn','bw','ew']}});
```
其中,searchOptions的sopt属性用于设置搜索框中可用的运算符,包括等于(eq)、不等于(ne)、小于(lt)、大于(gt)、包含(cn)、以...开始(bw)、以...结束(ew)等。