jQuery EasyUI API 中文文档 - 组合表格(ComboGrid)

ComboGrid 组合表格

扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults 。

依赖

  • combo
  • datagrid

用法

1. <select id="cc" name="dept" style="width:250px;"></select>

1. <input id="cc" name="dept" value="01">

1. $('#cc').combogrid({  

2.     panelWidth:450,  

3.     value:'006',  

4.

5.     idField:'code',  

6.     textField:'name',  

7.     url:'datagrid_data.json',  

8.     columns:[[  

9.         {field:'code',title:'Code',width:60},  

10.         {field:'name',title:'Name',width:100},  

11.         {field:'addr',title:'Address',width:120},  

12.         {field:'col4',title:'Col41',width:100}  

13.     ]]  

14. }); 

特性

其特性扩展自combo 和 datagrid,下列是为 combogrid 增加的特性。

名称

类型

说明

默认值

loadMsg

string

当 datagrid 正加载远程数据时显示的信息。

null

idField

string

id 的字段名

null

textField

string

显示到文本框中的 text 字段名。

null

mode

string

定义当文本改变时如何加载 datagrid 数据。如果组合树从服务器加载就设为 'remote' 。

local

filter

function(q, row)

定义当 'mode' 设为 'local' 时如何选择本地数据。返回 true 就选中改行。

事件

其事件扩展自 combo 和 datagrid。

方法

其方法扩展自 combo,下列是位combogrid 追加或重写的方法。

名称

参数

说明

options

none

返回 options 对象。

grid

none

返回 datagrid 对象。

setValues

values

把组件的值设为数组。

setValue

value

设置组件的值。

clear

none

清除组件的值。



时间: 2024-10-24 14:58:07

jQuery EasyUI API 中文文档 - 组合表格(ComboGrid)的相关文章

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

ComboBox 组合框 扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 1. <select id="cc" name="dept" style="width:200px;"> 2. <option value="aa">aitem1</option> 3. <option>

jQuery EasyUI API 中文文档 - 组合树(ComboTree)

ComboTree 组合树 扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. 依赖 combo tree 用法 1. <select id="cc" style="width:200px;"></select> 1. <input id="cc" value="01"> 1.

jQuery EasyUI API 中文文档 - 组合(Combo)

Combo  组合 扩展自 $.fn.validatebox.defaults . 用 $.fn.combo.defaults 重写了 defaults .   依赖 validatebox panel 用法 1. <input id="cc" value="001"> 2. <select id="cc"></select> 1. $('#cc').combo({   2.     required:true

jQuery EasyUI API 中文文档 - 数据表格(DataGrid)

DataGrid 数据表格 扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1. <table id="tt"></table> 1. $('#tt').datagrid({   2.     url:'datagrid_data.json',   3.     columns:[[   4.

jQuery EasyUI API 中文文档 - 树表格(TreeGrid)

TreeGrid 树形表格 扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults. 依赖 datagrid 用法 1. <table id="tt"></table> 1. $('#tt').treegrid({   2.     url:'treegrid_data.json',   3.     treeField:'name',   4.     columns:[[   5.  

jQuery EasyUI API 中文文档 - 属性表格(PropertyGrid)

PropertyGrid 属性表格 扩展自 $.fn.datagrid.defaults,用 $.fn.propertygrid.defaults 重写了 defaults. 依赖 datagrid 用法 1. <table id="pg"></table> 1. $('#pg').propertygrid({   2.     url:'propertygrid_data.json',   3.     showGroup:true 4. });  特性 其特

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 中文文档 - 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(