Fre jqGrid 4.8.0 - 更改模态颜色

时间:2015-04-06 09:33:41

标签: jquery jqgrid free-jqgrid

我熟悉覆盖模态行为的技巧:

$.extend($.jgrid, {
showModal : function(h) {
    h.w.show("blind");
},
closeModal : function(h) {
    h.w.hide("blind").attr("aria-hidden", "true");
    if(h.o) {h.o.remove();}
}
});

我也在寻找一种方法来改变同一个模态标题的颜色。 (我不想改变整个.ui-widget-header的颜色,只针对那个特定的模态窗口)。我可以使用" h.w.css"某种什么?

这是怎样打开这个模态的:

$(nameOfGrid).jqGrid('searchGrid', {
                multipleSearch:true,
                showQuery: true,
                multipleGroup:true,
                caption: "Advanced Search",
                sFilter: "afilters",
                Find: "Apply",
                Reset: "Reset & Close",
                closeAfterReset: true,
                closeAfterSearch: false,
                searchOnEnter: true,
                width:'auto',
                recreateForm: true,
                recreateFilter: false,
                errorcheck: true,
                overlay:false,

谢谢,

1 个答案:

答案 0 :(得分:1)

您可以在创建模式对话框后向标题添加其他类。搜索对话框标题的ID将由前缀searchhdfbox_和网格ID构成。所以你可以做以下的

var $grid = $(nameOfGrid);

// create the Searching Dialog
$grid.jqGrid('searchGrid', {...});

// add the class "ui-state-error" to the dialog header
$("#searchhdfbox_" + $.jgrid.jqID($grid[0].id)).addClass("ui-state-error");