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

コメントで議論した後、検索ダイアログは options と共に使用されますが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 に答える