×

jQuery EasyUI API 中文文档 搜索框

作者:Terry2017.02.09来源:Web前端之家浏览:9472评论:0
关键词:JQueryJS

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

重设组件的宽度。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486569600832.html

网友评论文明上网理性发言已有0人参与

发表评论: