SearchBox

搜索框提示用户需要输入搜索的值。它可以结合一个菜单，允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。

1. 使用标签创建。添加'easyui-searchbox'类到< input >标签。

<input id="ss" class="easyui-searchbox" style="width:300px" 
　　　　data-options="searcher:qq,prompt:'Please Input Value'"></input>

2.通过javascript创建

<input id="ss"></input> 
<div id="mm" style="width:120px"> 
<div data-options="name:'all',iconCls:'icon-ok'">All News</div> 
<div data-options="name:'sports'">Sports News</div> 
</div>

$('#ss').searchbox({ 
searcher:function(value,name){ 
alert(value + "," + name) 
}, 
menu:'#mm', 
prompt:'Please Input Value' 
});

我们可以通过它的setValue与getValue来设置或都返回一个搜索值。

$('#ss').searchbox('setValue','123');
$('#ss').searchbox('getValue',"");