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 相关文章推荐
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
javascript new fun的执行过程
Aug 05 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
Bootstrap基本组件学习笔记之进度条(15)
Dec 08 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
十大使用PHP框架的理由
2015/09/26 PHP
PHP闭包函数详解
2016/02/13 PHP
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
Three.js快速入门教程
2016/09/09 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
es6基础学习之解构赋值
2018/12/10 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Python数据类型详解(四)字典:dict
2016/05/12 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
Django中的Model操作表的实现
2018/07/24 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
本科毕业生的求职信范文
2013/11/20 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
2016寒假假期总结
2015/10/10 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
小学班主任心得体会
2016/01/07 职场文书
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸