扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。
依赖
用法
<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 |
取消选择指定的选项。 |
?
风流涕淌 翻译。不当之处,敬请指正。转载请保留出处!
分享到:
相关推荐
jQuery EasyUI API 中文文档 - ComboBox组合框,使用jQuery EasyUI的朋友可以参考下。
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
用 $.fn.combobox.defaults 重写了 defaults。 依赖 combo 用法 <select id=”cc” name=”dept” style=”width:200px;”> ”aa”>aitem1</option> <option>bitem2</option> <option>bitem3</option> ...
下拉组合框 - ComboBox 数据表格下拉框 - ComboGrid 树形下拉框 - ComboTree 日期输入框 - DateBox 日期时间输入框 - DateTimeBox 数字输入框 - NumberBox 格式化数字输入框 - Format NumberBox 数字...
jQuery+EasyUI+1.2.4+API+中文文档,有时间好好看一下,目录如下: Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination...
3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 方法 9 4 Dialog(对话框) 10 4.1 实例 10 4.2 参数 12 4.3 事件 12 4.4 方法 12 5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 ...
3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 方法 9 4 Dialog(对话框) 10 4.1 实例 10 4.2 参数 12 4.3 事件 12 4.4 方法 12 5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 ...
jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构。 项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的...
3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 方法 9 4 Dialog(对话框) 10 4.1 实例 10 4.2 参数 12 4.3 事件 12 4.4 方法 12 5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 ...
jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但...