当前位置：首页 > 资讯 > 技术文档

jQuery EasyUI API 中文文档搜索框

时间：2022-08-02 23:52 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery EasyUI API 中文文档搜索框

用$.fn.searchbox.defaults重写defaults。 [img]http://files.jb51.net/upload/201109/20110929000202463.png[/img] 依赖 menubutton 用法示例创建SearchBox 1. 从标记创建。把 'easyui-searchbox' 类加入到<input/>标记。

[u]复制代码[/u] 代码如下:

<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>

编程创建。

[u]复制代码[/u] 代码如下:

<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'
});

[h3]特性[/h3]

[b]名称[/b][b][/b]	[b]类型[/b][b][/b]	[b]说明[/b][b][/b]	[b]默认值[/b][b][/b]
width	number	设置组件宽度。	auto
propmt	string	显示在输入框里的提示信息。	''
value	string	输入的值。	''
menu	selector	搜索类型的菜单。	null
searcher	function(value,name)	函数，当用户按搜索按钮或者按ENTER键时被调用。	null

[h3]方法[/h3]

[b]名称[/b][b][/b]	[b]参数[/b][b][/b]	[b]说明[/b][b][/b]
options	none	返回options对象。
menu	none	返回搜索类型的菜单对象。
textbox	none	返回文本框对象。
getValue	none	返回当前的搜索用值。
setValue	value	设置新的搜索用值。
getName	none	返回当前搜索类型的名称。
destroy	none	销毁这个组件。
resize	width	重设组件的宽度。

全部评论(0)

上一篇：vue.js中$watch的用法示例
下一篇：vue.js中父组件调用子组件的内部方法示例

资讯排行榜
更多>>

jQuery EasyUI API 中文文档 搜索框

jQuery EasyUI API 中文文档搜索框