Ext.grid.ColumnModel基本设置（转自网易博客itworkto）

Ext.grid.ColumnModel
    该类用于定义表格的列模型，其配置项是一个由“列定义”组成的数组，还可以是JSON组成的对象。其中也定义很多操作列的
属性、方法比如：查找某个列，隐藏某个列等等...

一，用数组的方式配置ColumnModel
   var colModel = new Ext.grid.ColumnModel([
        { header:'编号', dataIndex:'id'，width:200},
        { header:'名称', dataIndex:'name',width:300}
   ]};
  注意：上述写法ColumnModel的构造参数必须是一个数组，哪怕只有一列。

二、用JSON对象的方式配置ColumnModel
  var colModel = new Ext.grid.ColumnModel({
       columns:[    --列集合的定义
                 { header:'编号', dataIndex:'id'，width:200},
                 { header:'名称', dataIndex:'name',width:300}
        ],
       defaults:{   --公共属性配置
           sortable:true,
           menuDisabled:true,
           width:100
        },
       listeners:{    --监听事件
           "widthchange":function(cm,colIndx,width){
               saveConfig(colIndex,width);
           }
       }
  });
  这种写法的好处是更加的面向对象，也便于继承。

三、常用属性介绍：
   header               设置列标题
   dataIndex           设置列对应数据源的name值
   editor                 设置在编辑状态下,指定编辑器
   align                  设置列标题的对齐方式
   widht                 设置列的宽度
   css                   设置列头的CSS样式
   fixed                  表示列头的宽度是否可以改变，默认为true
   hidden               表示是否是隐藏列，默认为false
   hideable            表示是否禁止用户隐藏该列，默认为false
   menuDisabled   表示是否禁止列菜单默认为false
   resizable           表示是否禁止列可变大小,默认为false
   sortable             表示列是否可排序,默认为false
   tooltip               表示列头部显示的提示文字
   renderer            用于加工单元格的原始数据，
   id                     列的标识，列的所有单元格包括头部都是用这个值来创建CSS的class属性
格式为：
    x-grid3-td-id     单元格样式
    x-grid3-td-hd-id  列头样式

四、常用方法介绍：
   findColumnIndex    根据dataIndex里的值，返回列的索引
   getColumnById      返回指定ID的列
   getColumnCount     返回列数
   getColumnId        返回指定index列的ID

Ext.grid.ColumnModel基本设置（转自网易博客itworkto）相关推荐

Ext.grid.ColumnModel设置
Ext.grid.ColumnModel 用于定义Grid的列用例 var colModel = new Ext.grid.ColumnModel([ {header: "Ticker&q ...
Ext.grid.ColumnModel
http://szz0429-126-com.iteye.com/blog/978195 http://www.studyofnet.com/news/136.html (非原创) 2.如何在表格中添 ...
能否实现 Ext.grid.ColumnModel 宽度动态适应
能否实现 Ext.grid.ColumnModel 宽度动态适应3 封装了一个列表页面,用Ext.grid.GridPanel做的,其中 Ext.grid.ColumnModel 没设宽度,view ...
将socket设置为非阻塞(non-blocking) - 艾子的日志 - 网易博客
将socket设置为非阻塞(non-blocking) - 艾子的日志 - 网易博客将socket设置为非阻塞(non-blocking) 2011-02-17 22:36:51| 分类: 默认分 ...
博客搬迁至网易博客 http://happyboy200032.blog.163.com
博客搬迁至网易博客 http://happyboy200032.blog.163.com 转载于:https://www.cnblogs.com/berryz2007/archive/2011/12/ ...
如何用Windows Live Writer写网易博客
安装Windows Live Writer后增加网易博客帐号: 选择其它日志服务填写日志网址 163邮箱用户格式如下: 例邮箱帐号是:blog_admin@163.com 你的日志网址:就是你的网易 ...
STL map与Boost unordered_map - 有何不可的日志 - 网易博客
STL map与Boost unordered_map - 有何不可的日志 - 网易博客 STL map与Boost unordered_map 2012-03-30 16:06:26| 分类: c ...
【错误】expected constructor, destructor, or type conversion before '.' token - 第八个游侠的日志 - 网易博客...
[错误]expected constructor, destructor, or type conversion before '.' token - 第八个游侠的日志 - 网易博客 [错误]expe ...
11月微博博客日均覆盖数TOP10：网易博客升至第七
IDC评述网(idcps.com) 12月31日报道:据国际统计机构Alexa公布的最新数据显示,在11月,国内微博博客网站日均覆盖数十强之战中,新浪微博力压全雄,以日均覆盖数43,090.4毫无悬念 ...

Ext.grid.ColumnModel基本设置（转自网易博客itworkto）

Ext.grid.ColumnModel基本设置（转自网易博客itworkto）相关推荐

最新文章

热门文章