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 相关文章推荐
jQuery 开天辟地入门篇一
Dec 09 Javascript
js检测用户输入密码强度
Oct 22 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
js实现数组和对象的深浅拷贝
Sep 30 Javascript
动态Axios的配置步骤详解
Jan 12 Javascript
js调用设备摄像头的方法
Jul 19 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
bootstrap-table formatter 使用vue组件的方法
May 09 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 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无法访问远程mysql的问题分析及解决
2013/05/16 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
动态样式类封装JS代码
2009/09/02 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
javascript Slip.js实现整屏滑动的手机网页
2015/11/25 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
2017/10/11 Javascript
nginx配置React静态页面的方法教程
2017/11/03 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
关于Django外键赋值问题详解
2017/08/13 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
python抽取指定url页面的title方法
2018/05/11 Python
python PIL和CV对 图片的读取,显示,裁剪,保存实现方法
2019/08/07 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
什么是反射?如何实现反射?
2016/07/25 面试题
护理专业毕业生自我鉴定
2013/10/08 职场文书
学校安全责任书范本
2014/07/23 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
Redis Cluster 集群搭建你会吗
2021/08/04 Redis