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 相关文章推荐
node.js集成百度UE编辑器
Feb 05 Javascript
JavaScript实现的多种鼠标拖放效果
Nov 03 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
May 03 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
Bootstrap基本组件学习笔记之进度条(15)
Dec 08 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
Vue.js实现可排序的表格组件功能示例
Feb 19 Javascript
jQuery实现简单聊天室
Feb 08 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
openPNE常用方法分享
2011/11/29 PHP
PHP分多步骤填写发布信息的简单方法实例代码
2012/09/23 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
社区文化建设方案
2014/05/02 职场文书
先进典型发言材料
2014/12/30 职场文书
护士年终考核评语
2014/12/31 职场文书
横店影视城导游词
2015/02/06 职场文书
涨价通知
2015/04/23 职场文书
创业计划书之寿司
2019/07/19 职场文书
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android
MySQL数据库表约束讲解
2022/06/21 MySQL
el-form每行显示两列底部按钮居中效果的实现
2022/08/05 HTML / CSS