पेज पर jqGrid खोज बॉक्स रहना संभव है?

Question

अभी, मुझे खोज बॉक्स पॉप अप करने के लिए jqGrid खोज आइकन पर क्लिक करना होगा। मैं क्या करना चाहता हूं कि हर समय ग्रिड (पॉपअप के रूप में नहीं) के ऊपर खोज बॉक्स खुलता है। मैं उनके डेमो में कुछ भी नहीं देख रहा हूं, लेकिन मुझे उम्मीद है कि किसी ने इसे किया है या जानता है कि कैसे।

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"}); 

आप देख सकते हैं परिणाम रहते here है। दूर खोज संवाद और ग्रिड आप अतिरिक्त कर सकते हैं से अधिक सीमा बनाने के लिए निम्नलिखित:

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 की खोज संवाद के बाहर ले जाता है।

अंतिम समाधान आप here देख सकते हैं।

Answer 2

यहां सबसे आसान तरीका है जो किसी को जेक ग्रिड सर्च बॉक्स को पृष्ठ पर (पॉपअप के रूप में) हमेशा बंद होने तक हर समय रहने में मदद कर सकता है।

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

Answer 3

यह 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"});