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 $.each的用法说明
Mar 22 Javascript
JavaScript基础知识之数据类型
Aug 06 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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共享内存段示例分享
2014/01/20 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
php实现微信发红包功能
2018/07/13 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
js实现飞机大战小游戏
2020/08/26 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python实例之wxpython中Frame使用方法
2014/06/09 Python
python使用正则表达式检测密码强度源码分享
2014/06/11 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
django反向解析和正向解析的方式
2018/06/05 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
HTML5录音实践总结(Preact)
2020/05/07 HTML / CSS
英国100%防污和防水的靴子:Muck Boot Company
2020/09/08 全球购物
DataList 能否分页,请问如何实现?
2015/05/03 面试题
分公司经理岗位职责
2013/11/11 职场文书
公司财务流程之主管工作流程
2014/03/03 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
员工表扬信怎么写
2015/05/05 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL