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 相关文章推荐
JQuery 写的个性导航菜单
Dec 24 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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中对2个数组相加的函数
2011/06/24 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
突发奇想的一个jquery插件
2010/11/19 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
详解jQuery中的事件
2016/12/14 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
python将ansible配置转为json格式实例代码
2017/05/15 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
Pop In A Box英国:Funko POP搪胶公仔
2019/05/27 全球购物
试用期员工考核制度
2014/01/22 职场文书
会议开幕词
2015/01/28 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
Nginx解决403 forbidden的完整步骤
2021/04/01 Servers