[Ext JS 4] 实战之Grid, Tree Gird 动态添加列

前言

在Ext js 中，定义一个Grid 很方便，主要需要的是

1. 定义columns

2. 定义一个store

3. 定义grid

var store1 = Ext.create('Ext.data.TreeStore', {
  fields: ['task1','task2','task3'],
    root:{
          "text": ".",
          "children": [{'task1':'11','task2':'22','task3':'33'}]
    }
});
  var treeGrid1 = Ext.create('Ext.tree.Panel',{
  header: 'Test Grid',
  renderTo: Ext.getBody(),
  collapsible: true,
  rootVisible: false,
  autoScroll: true,
  height: 600,
  store: store1,
  columns: [{"text":"Task 1","dataIndex":"task1"},
            {"text":"Task 2","d

[Ext JS 4] 实战之Grid, Tree Gird 动态添加列相关推荐

[Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)
前言延续: [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇. 在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式.归纳一下思路就是: 先显示,后隐藏. 当 ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加行
前言在 [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇中,有介绍到如何动态添加一列 -- 设置新columns 后调用reconfigure 方法. 这里来承接这一篇 ...
[Ext JS 4] 实战之Grid, Tree Gird 添加按钮列
引言贴一个grid 的例子先: 有这样一个需求: 1. 给 Grid(or Tree Grid)添加一列, 这一列显示是Button. 点击之后可以对这一行进行一些操作 2. 这一列每一行对应的按钮 ...
[Ext JS 4] 实战之Grid, Tree Gird编辑Cell
前言本篇这里以稍微复杂一点的Tree Grid 来介绍. 在写编辑grid 之, 先来看一下 grid 的 selType 的配置. 先给一个简单的Tree grid 的例子: Ext.onRead ...
[Ext JS 4] 实战之Load Mask - 在Grid Reconfigure的使用状况
前言关于 Extjs 的 load mask 的使用,可以参考: [Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏一般而言,在如下情况下可能要使用grid 的 reconfi ...
[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
前言在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(三)
前言在 [Ext JS 4] 实战之带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> "2. 每年的周数从(1-52), 如果超 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(二)
前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...
js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...

[Ext JS 4] 实战之Grid, Tree Gird 动态添加列

前言

[Ext JS 4] 实战之Grid, Tree Gird 动态添加列相关推荐

最新文章

热门文章