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 相关文章推荐
javascript实现二分查找法实现代码
Nov 12 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
JavaScript实现移动端拖动元素
Nov 24 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下关于中英数字混排的字符串分割问题
2010/04/06 PHP
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
javascript 写类方式之九
2009/07/05 Javascript
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
js Function类型
2011/12/04 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
Python中Class类用法实例分析
2015/11/12 Python
十个Python程序员易犯的错误
2015/12/15 Python
python中PIL安装简单教程
2016/04/21 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
python实现大学人员管理系统
2019/10/25 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
viagogo波兰票务平台:演唱会、体育比赛、戏剧门票
2018/04/23 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
养殖行业的创业计划书
2014/01/05 职场文书
医德医魂心得体会
2014/09/11 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers