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

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

 

文档-easyui combobox api">

依赖

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

取消选择指定的选项。
时间: 2024-09-25 03:04:47

jQuery EasyUI API 组合框(ComboBox)中文文档的相关文章

jQuery EasyUI API 验证框(ValidateBox)实例

用 $.fn.validatebox.defaults 重写了 defaults. 用法  代码如下 复制代码 1. <input id="vv" required="true" validType="email">     1. $('#vv').validatebox({    2.     required:true   3. });   验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这

jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

用$.fn.draggable.defaults重写默认的defaults. 用法 复制代码 代码如下: <div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 复制代码 代码如下: $('#dd').draggable(

jQuery EasyUI API 中文文档 - Menu菜单_jquery

用 $.fn.menu.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - Menu菜单_jquery-jquery easyui menu"> 复制代码 代码如下: <div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div

jQuery EasyUI API 中文文档 - Panel面板_jquery

用$.fn.panel.defaults重写defaults.<?XML:NAMESPACE PREFIX = O /> 文档 - Panel面板_jquery-easyui panel api">用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel' 类添加到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-panel&qu

jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery

用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&

jQuery EasyUI API 中文文档 - TimeSpinner时间微调器_jquery

扩展自 $.fn.spinner.defaults,用 $.fn.timespinner.defaults 重写了 defaults. 依赖 spinner 用法 复制代码 代码如下: <input id="ss" required="true" style="width:80px;"> 复制代码 代码如下: $('#ss').timespinner({ showSeconds:true }); 特性<?XML:NAMESPAC

jQuery EasyUI API 中文帮助文档和扩展实例_jquery

下载地址:jQuery EasyUI API 中文帮助文档 1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox.defaults.rules, { eqPwd: { validator: function (va

Easyui的组合框的取值与赋值_jquery

近期由于工作需要,用户点击下拉框可以试下多选的效果,效果大致如下图: 实现的代码如下: <select id="iweekDay" class="col-sm-4 form-control easyui-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px"

jQuery EasyUI编辑DataGrid用combobox实现多级联动_jquery

我在项目中设计课程表的时候需要用到老师和分类之间的多级联动. 首先是一张效果图: 下面是实现的代码: <body> <script type="text/javascript"> $(function(){ var editing ; //判断用户是否处于编辑状态 var flag ; //判断新增和修改方法 $('#set_schedule').datagrid({ idField:'id' , fitColumns: false , url:'schedul