jQuery EasyUI API 中文文档搜索框

148 阅读 0 评论 98 点赞

我是靠谱客的博主内向牛排，最近开发中收集的这篇文章主要介绍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	重设组件的宽度。