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 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
JavaScript动态调整TextArea高度的代码
Dec 28 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
详解jquery选择器的原理
Aug 01 jQuery
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
解析Vue.js中的组件
Feb 02 Javascript
jquery实现抽奖功能
Oct 22 jQuery
原生JS实现拖拽功能
Dec 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求数组全排列,元素所有组合的方法
2016/05/05 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
动态创建的表格单元格中的事件实现代码
2008/12/30 Javascript
JS 字符串连接[性能比较]
2009/05/10 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
2014/12/08 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
浅析JS中回调函数及用法
2018/07/25 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
2020/11/09 Javascript
Python打印斐波拉契数列实例
2015/07/07 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
python实现接口并发测试脚本
2019/06/25 Python
centos7之Python3.74安装教程
2019/08/15 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
英国皇家邮政海外旗舰店:Royal Mail
2018/02/21 全球购物
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
四年级数学教学反思
2014/02/02 职场文书
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
Pytorch中TensorBoard及torchsummary的使用详解
2021/05/12 Python
python实现自定义日志的具体方法
2021/05/28 Python
Java如何实现通过键盘输入一个数组
2022/02/15 Java/Android