jQuery EasyUI API 中文文档 搜索框

2020-05-23 06:14:55易采站长站整理

用$.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


方法