0

我使用的是 jqGrid 版本 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"
}, 
{}
4

1 回答 1

1

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

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

演示以表格形式显示对话框

在此处输入图像描述

它使用以下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()) 非常重要。其他几行只是稍微改进了搜索对话框的外观。

于 2013-05-15T18:33:38.240 回答