jqgrid searchGrid.dataheight 是什么
时间: 2024-04-22 09:23:12 浏览: 9
jqGrid 是一个 jQuery 插件,用于在网页上实现表格功能。searchGrid.dataheight 是 jqGrid 的一个属性,用于设置搜索对话框中数据显示区域的高度。具体来说,它用于设置搜索对话框中的表格高度,可以通过设置一个像素值或者一个百分比来实现。例如,设置为"auto"则会自动根据表格的内容来设置高度。需要注意的是,该属性只有在设置了 search:true 时才会生效。
相关问题
jqgrid searchGrid.overlay 使用事列
以下是一个使用 jqGrid 中 searchGrid.overlay 的示例:
```javascript
// 创建 jqGrid 对象
$("#grid").jqGrid({
url: "data.json",
mtype: "GET",
datatype: "json",
colModel: [
{ name: "id", index: "id", width: 50 },
{ name: "name", index: "name", width: 200 },
{ name: "age", index: "age", width: 100 },
{ name: "address", index: "address", width: 300 }
],
pager: "#pager",
rowNum: 10,
rowList: [10, 20, 30],
viewrecords: true,
caption: "Example jqGrid"
});
// 在搜索对话框中添加覆盖层
$("#grid").jqGrid("navGrid", "#pager", { search: true }, {}, {}, {}, {
// 设置覆盖层的样式
overlay: {
backgroundColor: "#000",
opacity: 0.5,
zIndex: 1000
},
// 显示覆盖层
beforeShowSearch: function () {
$("#grid")[0].triggerToolbar();
$("#searchmodfbox_" + $("#grid")[0].id).css({
zIndex: 1001
});
$("#searchmodfbox_" + $("#grid")[0].id).show();
$("#searchmodfbox_" + $("#grid")[0].id).prepend(searchGrid.overlay1);
searchGrid.overlay1.show();
},
// 隐藏覆盖层
onClose: function () {
searchGrid.overlay1.hide();
}
});
```
上述代码中,我们通过设置属性 searchGrid.overlay 来控制搜索对话框中的覆盖层的样式和行为。在 beforeShowSearch 回调函数中,我们使用 jQuery 将覆盖层元素添加到搜索对话框中,并设置其样式和显示。在 onClose 回调函数中,我们隐藏了搜索对话框中的覆盖层。
jqgrid searchGrid.overlay1
在 jqGrid 中,searchGrid.overlay1 是一个搜索对话框中的覆盖层元素。它是一个 jQuery 对象,通过该对象可以对搜索对话框中的覆盖层进行操作。该覆盖层元素通常用于在搜索数据时显示一个遮罩层,以防止用户在搜索过程中进行其他操作。在 jqGrid 中,可以通过设置属性 searchGrid.overlay1 来控制搜索对话框中的覆盖层的样式和行为。例如,可以设置其透明度、颜色、大小等属性,也可以通过该对象来显示或隐藏搜索对话框中的覆盖层。