jQuery EasyUI API 中文文档 - 搜索框

SearchBox  搜索框

用$.fn.searchbox.defaults重写defaults。

 

依赖

• menubutton

用法示例

创建SearchBox

1. 从标记创建。把 'easyui-searchbox' 类加入到<input/>标记。

1. <script type="text/javascript">  

2.     function qq(value,name){   

3.         alert(value+":"+name)   

4.     }   

5. </script>  

6. <input id="ss" class="easyui-searchbox"  

7.         searcher="qq"  

8.         prompt="Please Input Value" menu="#mm" style="width:300px"></input>  

9.            

10. <div id="mm" style="width:120px">  

11.     <div name="all" iconCls="icon-ok">All News</div>  

12.     <div name="sports">Sports News</div>  

13. </div>  

2. 编程创建。

1. <input id="ss"></input>   

2. <div id="mm" style="width:120px">   

3.     <div name="all" iconCls="icon-ok">All News</div>   

4.     <div name="sports">Sports News</div>   

5. </div>   

6. $('#ss').searchbox({   

7.     width:200,   

8.     searcher:function(value,name){   

9.         alert(value + "," + name)   

10.     },   

11.     menu:'#mm',   

12.     prompt:'Please Input Value'  

13. });  

特性

名称	类型	说明	默认值
width	number	设置组件宽度。	auto
propmt	string	显示在输入框里的提示信息。	''
value	string	输入的值。	''
menu	selector	搜索类型的菜单。	null
searcher	function(value,name)	函数，当用户按搜索按钮或者按ENTER键时被调用。	null

方法

名称	参数	说明
options	none	返回options对象。
menu	none	返回搜索类型的菜单对象。
textbox	none	返回文本框对象。
getValue	none	返回当前的搜索用值。
setValue	value	设置新的搜索用值。
getName	none	返回当前搜索类型的名称。
destroy	none	销毁这个组件。
resize	width	重设组件的宽度。