jQuery EasyUI API 中文文档 - ComboBox组合框


Posted in Javascript onOctober 07, 2011

扩展自 $.fn.combo.defaults $.fn.combobox.defaults 重写了 defaults

<?XML:NAMESPACE PREFIX = O /> 

jQuery EasyUI API 中文文档 - ComboBox组合框
依赖
combo
用法
<select id="cc" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
<input id="cc" name="dept" value="aa">

$('#cc').combobox({ 
url:'combobox_data.json', 
valueField:'id', 
textField:'text' 
});

json 数据格式的示例
[{ 
"id":1, 
"text":"text1" 
},{ 
"id":2, 
"text":"text2" 
},{ 
"id":3, 
"text":"text3", 
"selected":true 
},{ 
"id":4, 
"text":"text4" 
},{ 
"id":5, 
"text":"text5" 
}]

特性

其特性扩展自 combo,下列是为combobox 增加的特性。

名称 类型 说明 默认值
valueField string 绑定到 ComboBox 的 value 上的基础数据的名称。 value
textField string 绑定到 ComboBox 的 text 上的基础数据的名称。 text
mode string 定义在文本改变时如何加载列表数据。如果组合框从服务器加载就设为 'remote' 。 local
url string 从远程加载列表数据的 URL 。 null
method string 用来检索数据的 http method 。 post
data array 被加载的列表数据。 null
filter function 定义当 'mode' 设为 'local' 时如何过滤数据。这个函数有两个参数:q:用户输入的文字row:列表中的行数据。返回 true 就允许显示该行。  
formatter function 定义如何呈现行。这个函数有一个参数:row。  

事件

其事件扩展自 combo,下列是为 combobox 增加的事件。

名称 参数 说明
onLoadSuccess none 当远程数据加载成功时触发。
onLoadError none 当远程数据加载失败时触发。
onSelect record 当用户选择一个列表项时触发。
onUnselect record 当用户取消选择一个列表项时触发。

方法

其方法扩展自 combo,下列是为 combobox 追加或重写的方法。

名称 参数 说明
options none 返回 options 对象。
getData none 返回加载的数据。
loadData data 加载本地列表数据。
reload url 请求远程的列表数据。
setValues values 把数组设置为组合框的值。
setValue value 设置组合框的值。
clear none 清除组合框的值。
select value 选择指定的选项。
unselect value 取消选择指定的选项。

风流涕淌 翻译
Javascript 相关文章推荐
用JS实现的一个include函数
Jul 21 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
jQuery实现购物车表单自动结算效果实例
Aug 10 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
Javascript实现运算符重载详解
Apr 07 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
Jul 06 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 #Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
Oct 06 #Javascript
jQuery AjaxQueue改进步骤
Oct 06 #Javascript
json2.js的初步学习与了解
Oct 06 #Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 #Javascript
event.X和event.clientX的区别分析
Oct 06 #Javascript
You might like
解析dedecms空间迁移步骤详解
2013/05/15 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
JSON 入门指南 想了解json的朋友可以看下
2009/08/26 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
selenium+python实现自动登录脚本
2018/04/22 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
用Python实现职工信息管理系统
2020/12/30 Python
台湾网友喜爱的综合型网路购物商城:Yahoo! 奇摩购物中心
2018/03/10 全球购物
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
幼师专业毕业生自荐信
2013/09/29 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
委托书范文
2014/04/02 职场文书
经营目标管理责任书
2014/07/25 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python