用$.fn.searchbox.defaults重写defaults。
依赖
menubutton
用法示例
创建SearchBox
- 从标记创建。把 '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'
});
特性 {#content}
|----------|----------------------|---------------------------|---------| | 名称 | 类型 | 说明 | 默认值 | | 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 | 重设组件的宽度。 |