jqGrid：搜索表單變更爲平面？

Question

這是一個基於「jqGrid - Change filter/search pop up form - to be flat on page - not a dialog」的主題。 我已經使搜索表單基於主題是平坦的，但現在我不想總是在頁面上顯示，我只想在用戶按下jqGrid中的搜索按鈕時才顯示它。 任何人都可以給我一個提示或解決方案如何做到這一點，請嗎？ @奧列格你能幫我一下嗎？ 謝謝

Answer 1

Th解決方案可能非常接近舊的解決方案。您可以使用搜索對話框中的下列選項：

overlay: 0, 
drag: false, 
beforeShowSearch: function ($form) { 
    var $searchDialog = $form.closest(".ui-jqdialog"), 
     $gbox = $(this).closest(".ui-jqgrid"); 

    $searchDialog.insertBefore($gbox); 
    $searchDialog.css({ 
     position: "relative", 
     zIndex: "auto", 
     float: "left" 
    }) 
    $gbox.css({clear:"left"}); 
} 

其他選項（如closeOnEscape: true, closeAfterSearch: true, closeAfterReset: true, searchOnEnter: true, searchOperators: true等），可以選擇取決於你的喜好。

The demo顯示搜索對話框像

如果你喜歡使用引導CSS，而不是jQuery UI的CSS那麼應該增加一些額外的線路：

overlay: 0, 
drag: false, 
beforeShowSearch: function ($form) { 
    var $searchDialog = $form.closest(".ui-jqdialog"), 
     $gbox = $(this).closest(".ui-jqgrid"); 

    $searchDialog.insertBefore($gbox); 
    $searchDialog.css({ 
     position: "relative", 
     zIndex: "auto", 
     padding: 0, 
     float: "left" 
    }); 
    $searchDialog.children(".modal-dialog").css({ 
     marginTop: 0, 
     marginBottom: 0 
    }); 
    $searchDialog.find(".modal-content").css({ 
     boxShadow: "none" 
    }); 
    $gbox.css({clear:"left"}); 
} 

見the demo它顯示：