删除多搜索中的搜索运算符（AND/OR）jqGrid

我需要在搜索弹出窗口中隐藏操作符，但我无法使其运行。我尝试这样做，但无论是运营商还是会出现：删除多搜索中的搜索运算符（AND/OR）jqGrid


jQuery("#grilla").navGrid("#paginador", 
{del:false,add:false,edit:false},{},{},{},{ 
groupOps: [{ op: "OR", text: "any" }], multipleSearch:true});

任何想法？谢谢！

来源

2011-05-24 Martin

没有可以直接做你需要的选项。此外，如果在对话框初始化时（例如在beforeShowSearch事件处理程序中）隐藏搜索对话框中的ADD/OR操作数与$('select.opsel').hide()，select元素将仅在开始时隐藏。在用户点击任何按钮后，对话框包含的内容将被重新绘制，而不会调用任何事件处理程序，并且select元素将再次可见。

所以我建议通过覆盖过滤器对话框的方法reDraw来解决问题。这样做的代码可能看起来像

jQuery("#grilla").jqGrid("navGrid","#paginador", {del: false, add: false, edit: false}, {}, {}, {}, { multipleSearch: true, beforeShowSearch: function($form) { var searchDialog = $form[0], oldrReDraw = searchDialog.reDraw, // save the original reDraw method doWhatWeNeed = function() { // hide the AND/OR operation selection $('select.opsel', searchDialog).hide(); setTimeout(function() { // set fucus in the last input field $('input[type="text"]:last', searchDialog).focus(); }, 50); } searchDialog.reDraw = function() { oldrReDraw.call(searchDialog); // call the original reDraw method doWhatWeNeed(); } doWhatWeNeed(); } } );

您可以在the demo上看到这种方式真正起作用。

UPDATED：写完答案后，我发布了一些建议，以改善jqGrid。现在jqGrid有许多功能可以简化上述工作。例如存在可以直接使用的回调。因此，从答案的代码看起来像

grid.jqGrid("navGrid", "#pager", {add: false, edit: false, del: false}, {}, {}, {}, { multipleSearch: true, afterRedraw: function (p) { var $form = $(this); $form.find("select.opsel").hide(); setTimeout(function() { // set fucus in the last input field $form.find('input[type="text"]:last').focus(); }, 50); $form.find("input.add-rule,input.delete-rule").button(); } } );

看到修改后的演示here：

我增加了一个行的

$form.find("input.add-rule,input.delete-rule").button();

代码只改善搜索对话框中按钮的外观。我建议在jqGrid中默认设置这样的设置，但这不被三行数据接受。无论如何，每个包含jQuery UI的人都可以在中添加这样的代码，使按钮变得平坦。

来源

2011-05-24 21:33:48 Oleg

谢谢，它的工作原理！ – Martin 2011-05-25 17:55:13

@Martin：不客气！ – Oleg 2011-05-25 18:12:28

不适用于4.4.3，我猜这不适用于> = 4.4.0 – 2013-01-28 20:44:20

接受的答案在4.4.0中不适用于我。

简单多了似乎是挂钩afterRedraw事件并删除OPSEL选择元素：

jQuery("#grilla")jqGrid(
    "navGrid","#paginador", {del:false,add:false,edit:false},{},{},{}, 
    { 
     multipleSearch:true, 
     afterRedraw: function($p) { 
      $("select.opsel").remove(); 
     } 
    } 
);

来源

2012-07-09 14:39:50

看这里！

//own add edit del search 
     jQuery("#gridTable3").jqGrid('navGrid', '#gridPager3', 
     { 
     //options 
     }, 
     { 
      // edit options 
      height: 250, 
      reloadAfterSubmit: false, 
      closeAfterEdit: true, 
      afterSubmit: function(r, data) { 
       var messageString = r.responseText; 
       var mesObj = eval('(' + messageString + ')'); 
       return [mesObj.state, mesObj.message]; 
      } 
     }, 
     { 
      // add options 
      height: 250, 
      reloadAfterSubmit: false, 
      closeAfterAdd: true, 
      afterSubmit: function(r, data) { 
       var messageString = r.responseText; 
       var mesObj = eval('(' + messageString + ')'); 
       return [mesObj.state, mesObj.message]; 
      } 
     }, 
     { 
      // del options 
      reloadAfterSubmit: false, 
      closeAfterDel: true, 
      afterSubmit: function(r, data) { 
       var messageString = r.responseText; 
       var mesObj = eval('(' + messageString + ')'); 
       return [mesObj.state, mesObj.message]; 
      } 
     }, 
     { 
      // search options 
      multipleSearch: true,//more search write there,don't pop 
      afterSubmit: function(r, data) { 
       var messageString = r.responseText; 
       var mesObj = eval('(' + messageString + ')'); 
       return [mesObj.state, mesObj.message]; 
      } 
     });

来源

2012-08-07 03:46:07

删除多搜索中的搜索运算符（AND/OR）jqGrid

回答

相关问题