`

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组合框,使用jQuery EasyUI的朋友可以参考下。

    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 文档 ...

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

    用 $.fn.combobox.defaults 重写了 defaults。   依赖 combo 用法 &lt;select id=”cc” name=”dept” style=”width:200px;”&gt; ”aa”&gt;aitem1&lt;/option&gt; &lt;option&gt;bitem2&lt;/option&gt; &lt;option&gt;bitem3&lt;/option&gt; ...

    jQuery EasyUI 1.3 API 中文教程

    下拉组合框 - ComboBox 数据表格下拉框 - ComboGrid 树形下拉框 - ComboTree 日期输入框 - DateBox 日期时间输入框 - DateTimeBox 数字输入框 - NumberBox 格式化数字输入框 - Format NumberBox 数字...

    jQuery+EasyUI+1.2.4+API+中文文档(标记).rar

    jQuery+EasyUI+1.2.4+API+中文文档,有时间好好看一下,目录如下: Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination...

    jQuery 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_cn文档

    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

    jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构。 项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的...

    jquery_easyui_cn 中文例子 和详解

    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 ...

    GoodProject Maven Webapp.zip

    jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但...

Global site tag (gtag.js) - Google Analytics