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温习篇 强大的JQuery选择器
Apr 24 Javascript
js打印纸函数代码(递归)
Jun 18 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
Vue项目接入Paypal实现示例详解
Jun 04 Javascript
vue keep-alive的简单总结
Jan 25 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
建立动态的WML站点(二)
2006/10/09 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python3中int(整型)的使用教程
2017/03/23 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
Python实现注册登录系统
2017/08/08 Python
python实时监控cpu小工具
2018/06/21 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
妇联领导班子剖析材料
2014/08/21 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
大学生就业推荐表自我评价
2015/03/02 职场文书
法律意见书范本
2015/06/04 职场文书
大学同学聚会感言
2015/07/30 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang