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 相关文章推荐
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
扒一扒JavaScript 预解释
Jan 28 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
Node.js创建一个Express服务的方法详解
Jan 06 Javascript
小程序实现录音功能
Sep 22 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中Smarty模板初体验
2011/08/08 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
配置php网页显示各种语法错误
2013/09/23 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
thinkPHP框架实现图像裁剪、缩放、加水印的方法
2017/03/14 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
javascript常用的方法分享
2015/07/01 Javascript
浅谈Nodejs观察者模式
2015/10/13 NodeJs
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
python中PS 图像调整算法原理之亮度调整
2019/06/28 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
python生成13位或16位时间戳以及反向解析时间戳的实例
2020/03/03 Python
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
英国领先的在线高尔夫商店:Scottsdale Golf
2019/08/26 全球购物
装饰资料员岗位职责
2013/12/30 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
销售经理助理岗位职责
2015/04/13 职场文书
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python