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 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
node.js实现登录注册页面
Apr 08 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
详解JS中的attribute属性
Apr 25 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
javascript解析json格式的数据方法详解
Aug 07 Javascript
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 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
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
php获取当前时间的毫秒数的方法
2014/01/26 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
使用python实现扫描端口示例
2014/03/29 Python
Python实现的使用telnet登陆聊天室实例
2015/06/17 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
python版本五子棋的实现代码
2018/12/11 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
Django重设Admin密码过程解析
2020/02/10 Python
Python class的继承方法代码实例
2020/02/14 Python
10个顶级Python实用库推荐
2021/03/04 Python
2014最新自愿离婚协议书范本
2014/11/19 职场文书
小孩不笨观后感
2015/06/03 职场文书
爱国主义主题班会
2015/08/14 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
《火烧云》教学反思
2016/02/23 职场文书
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android
Vue.Draggable实现交换位置
2022/04/07 Vue.js