jqgrid searchGrid.overlay1

在 jqGrid 中，searchGrid.overlay1 是一个搜索对话框中的覆盖层元素。它是一个 jQuery 对象，通过该对象可以对搜索对话框中的覆盖层进行操作。该覆盖层元素通常用于在搜索数据时显示一个遮罩层，以防止用户在搜索过程中进行其他操作。在 jqGrid 中，可以通过设置属性 searchGrid.overlay1 来控制搜索对话框中的覆盖层的样式和行为。例如，可以设置其透明度、颜色、大小等属性，也可以通过该对象来显示或隐藏搜索对话框中的覆盖层。

相关问题

jqgrid 5.0 searchGrid.overlay 使用

在 jqGrid 5.0 中，searchGrid.overlay 属性已经被废弃，取而代之的是 searchGrid.overlayOptions 属性。searchGrid.overlayOptions 属性用于设置搜索对话框中的覆盖层的样式和行为。以下是一个使用 jqGrid 5.0 中 searchGrid.overlayOptions 的示例：

// 创建 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 }, {}, {}, {}, {
    // 设置覆盖层的样式和行为
    overlayOptions: {
        opacity: "0.5",
        background: "black",
        zIndex: "1000",
        top: "0px",
        left: "0px",
        width: "100%",
        height: $(window).height() + "px"
    },
    // 显示覆盖层
    beforeShowSearch: function () {
        $("#grid")[0].triggerToolbar();
        $("#searchmodfbox_" + $("#grid")[0].id).css({
            zIndex: 1001
        });
        $("#searchmodfbox_" + $("#grid")[0].id).show();
        $("#searchmodfbox_" + $("#grid")[0].id).prepend($("<div></div>").attr("id", "overlay").css(searchGrid.overlayOptions));
    },
    // 隐藏覆盖层
    onClose: function () {
        $("#overlay").remove();
    }
});

上述代码中，我们使用 searchGrid.overlayOptions 属性来设置搜索对话框中的覆盖层的样式和行为。在 beforeShowSearch 回调函数中，我们使用 jQuery 将覆盖层元素添加到搜索对话框中，并设置其样式和显示。在 onClose 回调函数中，我们移除了搜索对话框中的覆盖层。

jqgrid searchGrid.overlay 使用事列

以下是一个使用 jqGrid 中 searchGrid.overlay 的示例：

// 创建 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 回调函数中，我们隐藏了搜索对话框中的覆盖层。