`

jQuery EasyUI API 中文文档 - 组合框(ComboBox)

 
阅读更多

扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。

依赖

  • 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 取消选择指定的选项。

?

    风流涕淌 翻译。不当之处,敬请指正。转载请保留出处!


分享到:
评论

相关推荐

    jQuery EasyUI API 中文文档 - ComboBox组合框

    本文将详细介绍jQuery EasyUI API中的ComboBox组合框组件的相关知识点。 首先,ComboBox组合框是基于jQuery EasyUI中已有的combo组件进行了扩展。在实际使用中,开发者可以通过调用jQuery的combobox方法将一个普通...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

    jQuery EasyUI 1.2 API文档

    【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...

    jQuery EasyUI API 中文文档 – ComboBox组合框

    接着,可以使用 jQuery EasyUI 的 API 来初始化 ComboBox,如以下所示: ```javascript $( '#cc' ).combobox({ url: 'combobox_data.json', valueField: 'id', textField: 'text' }); ``` 这里,`url` 指定远程...

    jquery easyui API文档

    - **组合框(Combobox)**:下拉列表选择器,支持远程数据加载。 ##### 2.3 导航组件 - **工具栏(Toolbar)**:提供一组操作按钮,用于执行常用的操作。 - **菜单(Menu)**:提供一个下拉式菜单,用于放置多个...

    jquery-easyui1.4 含API操作文档及DEMO.zip

    - **组件化**:EasyUI 提供了一系列的UI组件,如表格(datagrid)、对话框(dialog)、下拉框(combobox)等,这些组件可以独立使用,也可以组合构建复杂的用户界面。 2. **API操作文档** - API 文档详细阐述了每...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    9. **下拉列表(ComboBox)**:组合框组件,可以是简单的下拉列表,也可以是下拉树或下拉表格。 10. **日期选择器(DatePicker)**:提供日期选择功能,可以与表单结合使用。 11. **滑块(Slider)**:用于数值...

    jQuery EasyUI 1.4.5 版 API 中文版.rar

    1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者来说是一个极其宝贵的资源,因为它提供了详细的中文文档,使得理解和应用jQuery EasyUI更加便捷。 首先,让我们深入了解一下jQuery EasyUI的核心概念...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    jQuery EasyUI 1.5.1 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和API,用于快速构建用户界面。这个框架基于 jQuery 的简单性和灵活性,结合了EasyUI的强大功能,使得开发者能够轻松地创建数据驱动的...

    jQuery EasyUI 中文API1.4.5 版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、...因此,对于使用jQuery EasyUI的开发者而言,这份1.4.5版本的中文API文档是必不可少的参考资料。

    jqueryeasyui中文培训文档.pdf

    3. ComboBox(组合框) ComboBox是结合了文本输入框和下拉列表的组件,用户可以输入文本或从下拉列表中选择。实例中展示了如何初始化ComboBox并填充数据源。参数包括设置下拉列表的宽度、高度,以及如何根据输入值...

    jquery-easyui中文AIP文档

    这个压缩包文件“jquery-easyui-api-1.5.5”包含了jQuery EasyUI的中文API文档,对于开发者来说,能够快速理解和使用这个框架的功能。 jQuery EasyUI 提供了一系列组件,如对话框(dialog)、表单(form)、数据...

    jquery-easyui-1.3.5 中文离线API

    《jQuery EasyUI 1.3.5 中文离线API详解》 EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建用户界面。EasyUI 1.3.5 版本是其稳定且广泛使用的版本之一,其中文...

    jQuery EasyUI v1.3.5官方API中文版

    9. **下拉框(ComboBox)**:组合框组件,集输入框和下拉列表于一体,可以实现自动补全、选择项等功能。 10. **日期选择器(DateBox)**:提供日期选择功能,有多种样式和格式可供选择,方便用户输入日期。 11. **...

    最新的jquery easyui 1.3.4 + 中文API

    3. **API 中文版**:对于中文开发者来说,官方提供的中文API文档是极其重要的参考资料。它详细介绍了每个组件的使用方法、属性、事件和方法,使得开发者能够快速理解和应用EasyUI。 4. **主题定制**:jQuery EasyUI...

    jQueryEasyUI框架使用文档.pdf

    - 表单组件:表单(Form)、组合框(ComboBox)、组合树(ComboTree)、数字框(NumberBox)、验证框(ValidateBox)、日期输入框(DateBox)、日历(Calendar) - 窗口组件:窗口(Window)、对话框(Dialog)、...

    jquery easyui 详细说明文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个框架基于轻量级的 jQuery 库,通过扩展各种UI元素,为Web应用程序提供了丰富的交互性和视觉效果。...

Global site tag (gtag.js) - Google Analytics