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 Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
JavaScript严格模式详解
Jan 16 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
JS数组操作之增删改查的简单实现
Aug 21 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
vue实现下拉菜单树
Oct 22 Javascript
js用正则表达式筛选年月日的实例方法
Jan 04 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开发环境配置记录
2011/01/14 PHP
PHP安全配置详细说明
2011/09/26 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
php购物车实现方法
2015/01/03 PHP
PHP实现简单登录界面
2019/10/23 PHP
基于Web标准的UI组件 — 树状菜单(2)
2006/09/18 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
React优化子组件render的使用
2019/05/12 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
js如何验证密码强度
2020/03/18 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
Python中fnmatch模块的使用详情
2018/11/30 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
python 实现屏幕录制示例
2019/12/23 Python
Python tcp传输代码实例解析
2020/03/18 Python
Python编写单元测试代码实例
2020/09/10 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
中专毕业个人的自荐信格式
2013/09/21 职场文书
怎么样写好简历中的自我评价
2013/10/25 职场文书
公积金转移接收函
2014/01/11 职场文书
DIY手工制作经营店创业计划书
2014/02/01 职场文书
学生手册评语
2014/05/05 职场文书
党校学习心得体会范文
2014/09/09 职场文书
员工考勤管理制度
2015/08/06 职场文书
Python制作春联的示例代码
2022/01/22 Python
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android
解决spring.thymeleaf.cache=false不起作用的问题
2022/06/10 Java/Android