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

简介: ComboGrid 组合表格 扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults 。

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

清除组件的值。



目录
相关文章
|
7月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
41 2
|
JavaScript
jQuery 表格全选反选
jQuery 表格全选反选
55 0
|
7月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
7月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
7月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
56 0
|
JavaScript BI
jQuery根据填写的input的数值导出excel表格
jQuery根据填写的input的数值导出excel表格
63 0
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
173 0
20EasyUI 数据网格- 转换 HTML 表格为数据网格
20EasyUI 数据网格- 转换 HTML 表格为数据网格
31 0
|
JavaScript
jQuery 动态添加表格数据
jQuery 动态添加表格数据
50 0