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实现用方向键控制层的上下左右移动
Jan 13 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
javascript判断数组内是否重复的方法
Apr 21 Javascript
JavaScript取得键盘按下方向键是哪个的方法
Aug 04 Javascript
简单分析javascript中的函数
Sep 10 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
vue实现商城购物车功能
Nov 27 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 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分页示例分享
2014/04/30 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
Three.js源码阅读笔记(物体是如何组织的)
2012/12/27 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
python fabric使用笔记
2015/05/09 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
django中的HTML控件及参数传递方法
2018/03/20 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Python3 修改默认环境的方法
2019/02/16 Python
python绘制地震散点图
2019/06/18 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
计算机网络专业推荐信
2013/11/24 职场文书
中专生求职自荐信范文
2013/12/22 职场文书
八年级英语教学反思
2014/01/09 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
2015年国庆节寄语
2015/08/17 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
DQL数据查询语句使用示例
2022/12/24 MySQL