jQuery EasyUI API 中文文档 搜索框


Posted in Javascript onSeptember 29, 2011

$.fn.searchbox.defaults重写defaults
jQuery EasyUI API 中文文档 搜索框
依赖
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 重设组件的宽度。
Javascript 相关文章推荐
javascript new fun的执行过程
Aug 05 Javascript
浅谈Javascript嵌套函数及闭包
Nov 09 Javascript
基于jQuery的公告无限循环滚动实现代码
May 11 Javascript
javascript实现无缝上下滚动特效
Dec 16 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
Sep 14 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
layui 表格的属性的显示转换方法
Aug 14 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 #Javascript
封装了一个js图片轮换效果的函数
Sep 28 #Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 #Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
Sep 28 #Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 #Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 #Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 #Javascript
You might like
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
js函数参数设置默认值的一种变通实现方法
2014/05/26 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
jQuery使用方法
2017/02/04 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
Python学习小技巧总结
2018/06/10 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
Python requests模块实例用法
2019/02/11 Python
详解Python字典的操作
2019/03/04 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python turtle 绘制太极图的实例
2019/12/18 Python
Django nginx配置实现过程详解
2020/09/10 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
生产经理的自我评价分享
2013/11/07 职场文书
编辑硕士自荐信范文
2013/11/27 职场文书
企业门卫岗位职责
2013/12/12 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
小学端午节活动总结
2015/02/11 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书