jQueryのEasyUIベースのプラグイン - 検索ボックスの検索ボックス

頼ります

• メニューボタン

使用法

検索ボックス（検索ボックス）を作成します

1は、タグから作成されました。 <input>タグに追加」easyui-検索ボックス」クラス。

ます。<script type = "text / javascriptの">
    関数QQ（値、名）{
    警告（値+ "：" +名）
    }
</スクリプト>
<入力されたID = "SS"クラス= "easyui-検索ボックス"スタイル= "幅：300ピクセル"
    データ・オプション= "検索者：QQ、プロンプト： 'してください入力値'、メニュー： '＃ミリメートルを'"> </入力>
<DIVのID = "ミリメートル"スタイル= "幅：120ピクセル">
    <DIVデータ・オプション= "名：「すべて」、iconCls： 'アイコン-OK'">すべてのニュース</ DIV>
    <DIVデータ・オプション= "名：「スポーツ」">スポーツニュース</ DIV>
</ DIV>

2、プログラミングが作成しました。

<入力されたID = "SS"> </入力>
<DIVのID = "ミリメートル"スタイル= "幅：120ピクセル">
    <DIVデータ・オプション= "名：「すべて」、iconCls： 'アイコン-OK'">すべてのニュース</ DIV>
    <DIVデータ・オプション= "名：「スポーツ」">スポーツニュース</ DIV>
</ DIV>

$（ '＃S-S'）。検索ボックス（{
    検索者：関数（値、名）{
    警告（値+ "、" +名）
    }、
    メニュー： '＃ミリメートル」、
    プロンプト： 'してください入力値'
}）;

プロパティ

<input class="easyui-searchbox" style="width:300px" data-options="menu:'#mm'" />
<div id="mm" style="width:150px">
	<div data-options="name:'item1'">Search Item1</div>
	<div data-options="name:'item2',selected:true">Search Item2</div>
	<div data-options="name:'item3'">Search Item3</div>
</div>

ウェイ

var m = $('#ss').searchbox('menu');  // get the menu object
var item = m.menu('findItem', 'Sports News');  // find the menu item
// change the menu item icon
m.menu('setIcon', {
	target: item.target,
	iconCls: 'icon-save'
});
// select the searching type name
$('#ss').searchbox('selectName', 'sports');

$('#ss').searchbox('selectName', 'sports');