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 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
vue使用v-for实现hover点击效果
Sep 29 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
JavaScript中的 new 命令
May 22 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 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
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
jQuery中parent()方法用法实例
2015/01/07 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
2017/02/21 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
Python读写配置文件的方法
2015/06/03 Python
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
python中reload(module)的用法示例详解
2017/09/15 Python
python+os根据文件名自动生成文本
2019/03/21 Python
python实现PID算法及测试的例子
2019/08/08 Python
查看keras的默认backend实现方式
2020/06/19 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
会展中心部门工作职责
2013/11/27 职场文书
协议书格式
2014/04/23 职场文书
创先争优一句话承诺
2014/05/29 职场文书
委托书的样本
2015/01/28 职场文书
刘胡兰观后感
2015/06/16 职场文书
运动会3000米加油稿
2015/07/21 职场文书
父亲节感言
2015/08/03 职场文书
幼儿园小班教学反思
2016/03/03 职场文书