jQuery EasyUI API 中文文档 搜索框 SearchBox 搜索框使用介绍,需要的朋友可以参考下。
用$.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 |
重设组件的宽度。 | |