有没有办法将匹配规则下拉列表和“+”按钮移动到jqGrid版本4.5.0中搜索对话框的右侧/底部？

Question

我正在使用jqGrid verison 4.5.0，我注意到默认情况下，弹出的单字段搜索对话框看起来不像这样：

有没有办法将“+”按钮移动到“ - ”按钮的右侧，并将匹配规则下拉列表移到底部，两者都看起来像这个快照？我们喜欢这种方式，因为它对我们的一些客户来说不那么混乱。

非常感谢..

---

JQuery v2.0 JQuery-UI v1.10.3 jqGRID v4.5.0

$('#Spreadsheet').navGrid('#Pager', 
{edit:false,add:false,del:false,search:true,view:false,refresh:false}, 
{}, {}, {}, 
{multipleSearch:true,multipleGroup:true,closeOnEscape:true,closeAfterSearch:true,
    searchOnEnter:true,showQuery:false,width:800,caption:"Search Records"
}, 
{}

Answer 1

在评论中进行了一些讨论之后，我们澄清了搜索对话框与选项multipleSearch: true一起使用，但没有 multipleGroup: true。目标是隐藏下拉列表，允许用户在“全部/任意”之间进行选择。

在the answer中，我展示了如何使用afterRedraw更改搜索对话框。

The demo以

的形式显示对话框

它使用以下afterRedraw

afterRedraw: function () {
    $("input.add-rule", this)
        .button()              // use jQuery UI button
        .val("Add rule");      // change text of "+" button
    $("input.delete-rule", this).button(); // use jQuery UI button
    $("select.opsel", this).hide();
}

只有最后一行（$("select.opsel", this).hide()）非常重要。其他行只是改善了搜索对话框的外观。