jQuery EasyUI API 中文文档 – ComboBox组合框
文件大小: 44k
源码售价: 10 个金币 积分规则     积分充值
资源说明:扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。   依赖 combo 用法 <select id=”cc” name=”dept” style=”width:200px;”> </select> <input id=”cc” name=”dept” valu jQuery EasyUI 是一款基于 jQuery 的前端开发框架,用于构建用户界面。其中,ComboBox 组件是 EasyUI 提供的一种用于创建下拉列表的控件,它结合了输入框和下拉菜单的功能,使得用户可以在输入框中输入文字或者从下拉列表中选择。ComboBox 在基础的 `$.fn.combo` 上进行了扩展,并且通过 `$.fn.combobox.defaults` 重写了默认配置。 ComboBox 的基本用法是将 `` 元素的 ID 设置为相同,以便于组合框功能的绑定。例如: ```html ``` 接着,可以使用 jQuery EasyUI 的 API 来初始化 ComboBox,如以下所示: ```javascript $( '#cc' ).combobox({ url: 'combobox_data.json', valueField: 'id', textField: 'text' }); ``` 这里,`url` 指定远程数据的来源,`valueField` 和 `textField` 分别定义了与 ComboBox 值和文本相关的数据字段。 数据格式通常为 JSON,例如: ```json [ { "id":1, "text":"text1" }, { "id":2, "text":"text2" }, { "id":3, "text":"text3", "selected":true }, { "id":4, "text":"text4" }, { "id":5, "text":"text5" } ] ``` ComboBox 特性包括: - `valueField`: 用于绑定到 ComboBox 的 value 上的基础数据的字段名,默认值未指定。 - `textField`: 用于绑定到 ComboBox 的 text 上的基础数据的字段名,默认值未指定。 - `textMode`: 定义文本变化时如何加载列表数据,如 'remote' 表示从服务器加载。 - `url`: 从远程加载列表数据的 URL,默认值未指定。 - `nullMethod`: HTTP 方法用于检索数据,默认值为 'post'。 - `postData`: 加载列表数据时的附加参数,默认值为空数组。 - `filterFunction`: 当 `textMode` 为 'local' 时,定义如何过滤数据的函数。 - `formatter`: 定义如何格式化列表中的每一行数据的函数。 ComboBox 事件包括: - `onLoadSuccess`: 远程数据加载成功时触发。 - `onLoadError`: 远程数据加载失败时触发。 - `onSelect`: 用户选择一个列表项时触发,参数为被选记录。 - `onUnselect`: 用户取消选择一个列表项时触发,参数为被取消选中的记录。 ComboBox 方法包括: - `options`: 获取 ComboBox 的配置对象。 - `getData`: 获取已加载的数据。 - `loadData`: 加载本地列表数据,参数为数据数组。 - `reload`: 重新加载列表数据,可传入 URL 参数请求远程数据。 - `setValues`: 设置组合框的值,参数为值的数组。 - `setValue`: 设置组合框的值,参数为单个值。 - `clear`: 清空组合框的值。 - `select`: 选择指定值的选项,参数为值。 - `unselect`: 取消选择指定值的选项,参数为值。 以上就是 jQuery EasyUI 的 ComboBox 组件的主要知识点,它提供了丰富的配置选项和事件处理,能够满足开发过程中对于下拉列表组件的各种需求。
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。