用$.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 | 重设组件的宽度。 |
您可能感兴趣的文章:
- asp.net使用jquery实现搜索框默认提示功能
- 基于jquery的仿百度搜索框效果代码
- Jquery带搜索框的下拉菜单
- CSS3,HTML5和jQuery搜索框集锦
- Jquery实现搜索框提示功能示例代码
- 淘宝搜索框效果实现分析
- php 搜索框提示(自动完成)实例代码
- jquery 模拟类搜索框自动完成搜索提示功能(改进)
- jQuery 插件仿百度搜索框智能提示(带Value值)
- WPF自定义搜索框代码分享