jQuery EasyUI チュートリアル - SearchBox (検索ボックス)

フロントエンド開発プログラマーの皆さん、仕事で jQuery-SearchBox (検索ボックス) を使用していますか? SearchBox(検索ボックス)はjQuery EasyUIチュートリアルの中で最も基本的なプラグインです。 次に、このプラグインについて詳しく紹介します。

$.fn.searchbox.defaults を使用してデフォルト値オブジェクトをオーバーライドします。

検索ボックスは、ユーザーに検索値の入力を求めます。ユーザーがさまざまな検索カテゴリを選択できるメニューと組み合わせることができます。ユーザーが Enter キーを押すか、コンポーネントの右側にある検索ボタンをクリックすると、検索操作が実行されます。

ユースケース:

クエリボックスの作成

タグとJavaScriptの2つの方法で作成されます。

1. タグを使用して作成します。 タグに「easyui-searchbox」クラス ID を追加します。

<script type=”text/javascript”>
function qq(value,name){
alert(value+”:”+name)
}
</script>
<input id=”ss” class=”easyui-searchbox” style=”width:300px”
data-options=”searcher:qq,prompt:’Please Input Value’,menu:’#mm&#39;”></input>
<div id=”mm” style=”width:120px”>
<div data-options=”name:’all’,iconCls:’icon-ok&#39;”>All News</div>
<div data-options=”name:’sports&#39;”>Sports News</div>
</div>

2. Javascript を使用してプログラムを作成します。

<input id=”ss”></input>
<div id=”mm” style=”width:120px”>
<div data-options=”name:’all’,iconCls:’icon-ok&#39;”>All News</div>
<div data-options=”name:’sports&#39;”>Sports News</div>
</div>

jQuery-SearchBox(検索ボックス)のプロパティとメソッドは以下の通りです。

属性:

メソッド:

上記は、jQuery EasyUI チュートリアル - SearchBox (検索ボックス) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php) を参照してください。 .cn)!