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 相关文章推荐
监控 url fragment变化的js代码
Apr 19 Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 Javascript
JS随即打乱数组实现代码
Dec 03 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
详解Vue项目部署遇到的问题及解决方案
Jan 11 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
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实现子字符串位置相互对调互换的方法
2016/06/02 PHP
thinkPHP5.1框架路由::get、post请求简单用法示例
2019/05/06 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
HTML颜色选择器实现代码
2010/11/23 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
用python写asp详细讲解
2013/12/16 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
深入剖析Python的爬虫框架Scrapy的结构与运作流程
2016/01/20 Python
Python学习入门之区块链详解
2017/07/25 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
python 剪切移动文件的实现代码
2018/08/02 Python
创建Django项目图文实例详解
2019/06/06 Python
python实现复制文件到指定目录
2019/10/16 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
中学生团员自我评价分享
2013/12/07 职场文书
家庭聚会祝酒词
2015/08/11 职场文书
文艺有韵味的诗句(生命类、亲情类...)
2019/07/11 职场文书