扩展自 $.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组合框组件的相关知识点。 首先,ComboBox组合框是基于jQuery EasyUI中已有的combo组件进行了扩展。在实际使用中,开发者可以通过调用jQuery的combobox方法将一个普通...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...
【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...
接着,可以使用 jQuery EasyUI 的 API 来初始化 ComboBox,如以下所示: ```javascript $( '#cc' ).combobox({ url: 'combobox_data.json', valueField: 'id', textField: 'text' }); ``` 这里,`url` 指定远程...
- **组合框(Combobox)**:下拉列表选择器,支持远程数据加载。 ##### 2.3 导航组件 - **工具栏(Toolbar)**:提供一组操作按钮,用于执行常用的操作。 - **菜单(Menu)**:提供一个下拉式菜单,用于放置多个...
- **组件化**:EasyUI 提供了一系列的UI组件,如表格(datagrid)、对话框(dialog)、下拉框(combobox)等,这些组件可以独立使用,也可以组合构建复杂的用户界面。 2. **API操作文档** - API 文档详细阐述了每...
### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...
9. **下拉列表(ComboBox)**:组合框组件,可以是简单的下拉列表,也可以是下拉树或下拉表格。 10. **日期选择器(DatePicker)**:提供日期选择功能,可以与表单结合使用。 11. **滑块(Slider)**:用于数值...
1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者来说是一个极其宝贵的资源,因为它提供了详细的中文文档,使得理解和应用jQuery EasyUI更加便捷。 首先,让我们深入了解一下jQuery EasyUI的核心概念...
jQuery EasyUI 1.5.1 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和API,用于快速构建用户界面。这个框架基于 jQuery 的简单性和灵活性,结合了EasyUI的强大功能,使得开发者能够轻松地创建数据驱动的...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、...因此,对于使用jQuery EasyUI的开发者而言,这份1.4.5版本的中文API文档是必不可少的参考资料。
3. ComboBox(组合框) ComboBox是结合了文本输入框和下拉列表的组件,用户可以输入文本或从下拉列表中选择。实例中展示了如何初始化ComboBox并填充数据源。参数包括设置下拉列表的宽度、高度,以及如何根据输入值...
这个压缩包文件“jquery-easyui-api-1.5.5”包含了jQuery EasyUI的中文API文档,对于开发者来说,能够快速理解和使用这个框架的功能。 jQuery EasyUI 提供了一系列组件,如对话框(dialog)、表单(form)、数据...
《jQuery EasyUI 1.3.5 中文离线API详解》 EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建用户界面。EasyUI 1.3.5 版本是其稳定且广泛使用的版本之一,其中文...
9. **下拉框(ComboBox)**:组合框组件,集输入框和下拉列表于一体,可以实现自动补全、选择项等功能。 10. **日期选择器(DateBox)**:提供日期选择功能,有多种样式和格式可供选择,方便用户输入日期。 11. **...
3. **API 中文版**:对于中文开发者来说,官方提供的中文API文档是极其重要的参考资料。它详细介绍了每个组件的使用方法、属性、事件和方法,使得开发者能够快速理解和应用EasyUI。 4. **主题定制**:jQuery EasyUI...
- 表单组件:表单(Form)、组合框(ComboBox)、组合树(ComboTree)、数字框(NumberBox)、验证框(ValidateBox)、日期输入框(DateBox)、日历(Calendar) - 窗口组件:窗口(Window)、对话框(Dialog)、...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个框架基于轻量级的 jQuery 库,通过扩展各种UI元素,为Web应用程序提供了丰富的交互性和视觉效果。...