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

最新推荐文章于 2022-08-30 10:59:57 发布

oscar999

最新推荐文章于 2022-08-30 10:59:57 发布

阅读量1.2w

点赞数 2

分类专栏： 130-Web语言 Ext JS开发大全

本文链接：https://blog.csdn.net/oscar999/article/details/11819211

版权

130-Web语言同时被 2 个专栏收录

219 篇文章 0 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

184 篇文章 33 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

这篇博客介绍了在Ext JS 4中如何动态添加和处理隐藏列的问题。作者首先讲解了创建Grid的基本步骤，然后讨论了如何动态添加列以及双击编辑行的功能。在实现带隐藏栏位的动态添加时，遇到了初始化插件时的错误，由于hidden列在编辑时导致问题。作者探讨了几种解决方案，包括修改Ext JS源码、添加空的hasEditor方法以及从插件角度出发。最终，作者提出通过在Grid创建后使用hide()方法来隐藏列，作为解决问题的终极方案。

摘要由CSDN通过智能技术生成

前言

在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,
  rootV