jQuery EasyUI API 中文文档 搜索框

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



依赖
menubutton
用法示例
创建SearchBox
1. 从标记创建。把 'easyui-searchbox' 类加入到<input/>标记。

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

编程创建。

<input id="ss"></input> 
<div id="mm" style="width:120px"> 
<div name="all" iconCls="icon-ok">All News</div> 
<div name="sports">Sports News</div> 
</div> 
$('#ss').searchbox({ 
width:200, 
searcher:function(value,name){ 
alert(value + "," + name) 
}, 
menu:'#mm', 
prompt:'Please Input Value' 
});

特性
名称

类型

说明

默认值
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
重设组件的宽度。