Можно ли сделать так, чтобы окно поиска jqGrid оставалось на странице?

Question

Прямо сейчас мне нужно щелкнуть значок jqGrid Search, чтобы открыть окно поиска. Я хотел бы, чтобы окно поиска всегда было открыто над сеткой (а не всплывающим окном). Я не вижу ничего в их демонстрациях, но надеюсь, что кто-то сделал это или знает как.

Answer 1

Самый простой способ сделать то, что вам нужно, это

var grid = $("#list"),
    prmSearch = {multipleSearch:true,overlay:false};

grid.jqGrid({
    // all jqGrid parameters
});

// next line is optional
grid.jqGrid('navGrid','#pager',
            {add:false,edit:false,del:false,search:true,refresh:true},
            {},{},{},prmSearch);

// create the searching dialog
grid.searchGrid(prmSearch);

// find the div which contain the searching dialog
var searchDialog = $("#fbox_"+grid[0].id);

// make the searching dialog non-popup
searchDialog.css({position:"relative", "z-index":"auto"});

Вы можете увидеть результаты в реальном времени здесь .Чтобы убрать границу между диалоговым окном поиска и сеткой, вы можете сделать следующее:

searchDialog.addClass("ui-jqgrid ui-widget ui-widget-content ui-corner-all");
searchDialog.css({position:"relative", "z-index":"auto", float:"left"})
var gbox = $("#gbox_"+grid[0].id);
gbox.before(searchDialog);
gbox.css({clear:"left"});

Перемещает диалоговое окно поиска за пределы "gbox_list" div.

Конечное решение, которое вы можетесм здесь .

Answer 2

Это моя исправленная версия для jqgrid> 4.3

var searchDialog = $("#searchmodfbox_"+grid[0].id);    
    searchDialog.addClass("ui-jqgrid ui-widget ui-widget-content ui-corner-all");
    searchDialog.css({position:"relative", "z-index":"auto", "float":"left"})    
    var gbox = $("#gbox_"+grid[0].id);
    gbox.before(searchDialog);
    gbox.css({clear:"left"});

Answer 3

Вот самый простой способ, с помощью которого можно заставить окно поиска сетки jq оставаться на странице (всплывающим) все время, пока не будет нажата кнопка закрытия.

$("#grid").searchGrid({ closeAfterSearch: false } );
$("#grid").searchGrid({ closeOnEscape: false } );