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 相关文章推荐
Array对象方法参考
Oct 03 Javascript
使用TextRange获取输入框中光标的位
Oct 14 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
JavaScript基础——使用Canvas绘图
Nov 02 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
基于Proxy的小程序状态管理实现
Jun 14 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
js实现时分秒倒计时
Dec 03 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
2010/07/17 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
javascript实例--教你实现扑克牌洗牌功能
2014/05/15 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
vue实现登录功能
2020/12/31 Vue.js
跟老齐学Python之??碌某?? target=
2014/09/12 Python
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
杭州龙健科技笔试题.net部分笔试题
2016/01/24 面试题
网络安全方面的面试题
2016/01/07 面试题
一个J2EE项目团队的主要人员组成是什么
2012/06/04 面试题
大学生自我评价怎样写好
2013/10/23 职场文书
高三生物教学反思
2014/01/25 职场文书
主管会计岗位职责
2014/03/13 职场文书
反对四风问题自我剖析材料
2014/09/29 职场文书
员工辞职信怎么写
2015/02/27 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书