ExtJS2.0.1 ColumnTree控件使用心得

花了几天时间用ColumnTree控件做了一个增删改查，路程坎坷，但是最终还是实现了，下面对遇到的问题做个总结：

1.隐藏列的问题

对于需要隐藏的列，可以不用创建，只要数据来源里头有这个列，即可获取这一列的数据，具体操作方法跟显示列的操作是一样的；

2.ColumnTree刷新问题

通过查看ExtJS2.0.1的的API可以知道，Ext.tree.ColumnTree是继承自Ext.tree.TreePanel类的，继承后，并没有对原来的数据源loader进行任何改变，所以对于数据源，还是用的跟Ext.tree.TreePanel一样的数据源：Ext.tree.TreeLoader，Ext.tree.TreeLoader有一个load方法，API对此是说明如下

load( Ext.tree.TreeNode node, Function callback ) : void

Load an Ext.tree.TreeNode from the URL specified in the constructor. This is called automatically when a node is expa...

Load an Ext.tree.TreeNode from the URL specified in the constructor. This is called automatically when a node is expanded, but may be used to reload a node (or append new children if the clearOnLoad option is false.)

Parameters:

node : Ext.tree.TreeNode
callback : Function

Returns:

void

可见，如果需要刷新columntree控件，只需要重新调用该方法即可，另外，方法中的两个参数，API也进行了很好的说明，我在用的过程中，刷新后，是要求显示根节点，代码如下：

Ext.getCmp("columntree控件ID").getLoader().load(Ext.getCmp("columntree控件ID").getRootNode(),function(treeNode){});

3.官方例子中，直接查看columntree的例子，数据是不会显示的，因为示例引用的数据源是.json文件，需要部署才能查看，一般用tomcat就可以了，在eclipse中新建一个web项目，然后将示例引入进去，启动tomcat，查看示例的页面就会有数据显示了；

4.关于样式的问题：样式是可以自己更改的，需要改成什么样式，修改column-tree.css文件即可

5.附上效果图：

转载于:https://www.cnblogs.com/tobenumberone/archive/2013/04/04/2999510.html

ExtJS2.0.1 ColumnTree控件使用心得相关推荐

CGRidCtrl控件学习心得
wuqinxiang0我的:收件箱资源博客空间设置|帮助|退出首页业界移动云计算研发论坛博客下载更多狂想盼盼积累点点滴滴目录视图摘要视图订阅新版论坛系列介绍之二--功能介 ...
DotNetTextBoxV3.0在线编辑器控件Ver3.4.2 Open Source开源版
英文名:DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0/3.0/3.5 Open Source 中文名:DotNetTextBox V3.0 ...
DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.Net2.0(ver 3.0.9Beta)
英文名:DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0 中文名:DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.N ...
VB6.0 怎样启用控件comdlg32.ocx
VB6.0 怎样启用控件comdlg32.ocx 怎样启用控件comdlg32.ocx 2008-10-08 09:32 提问者: nefu_20061617 |浏览次数:1502次 vbs文件中有代 ...
Asp.net 2.0 中获取控件输出的Html代码（转）
将Asp.net 控件的呈现html获取,在不少场合会用到,比如生成静态页时以下代码选自 Asp.net 2.0 高级编程转自:Asp.net 2.0 中获取控件输出的Html代码 public ...
DotNetTextBox V2.0 Web Control(ASP.NET2.0 增强型TextBox控件,完全支持AJAX.NET)
[控件界面] [控件介绍] 名称:DotNetTextBox V2.0 Web Control 免费无限制版类型:ASP.NET2.0 增强型TextBox控件作者: 小宝.NET2.0 主页:h ...
DotNetTextBoxV3.0在线编辑器控件Ver3.4.1 Open Source开源版(附商业试用版下载)
英文名:DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0/3.5 Open Source 中文名:DotNetTextBox V3.0 所见即所 ...
DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.Net2.0(ver 3.0.7Beta) 增加多语言!
英文名:DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0 中文名:DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.N ...
android 5.0新增 ui 控件,android3.0新增ui控件示例说明.doc
android3.0新增ui控件示例说明 Android3.0新增UI控件 AdapterViewAnimator控件 AdapterViewAnimator(堆View),已知子类有AdapterV ...
测试ASP.NET 2.0中Gridview控件高级技巧
ASP.NET 2.0中,新增加的gridview控件的确十分强大,弥补了在asp.net 1.1中,使用datagrid控件时的不足之处.因为在asp.net 1.1中,在使用datagrid时,很 ...

ExtJS2.0.1 ColumnTree控件使用心得

ExtJS2.0.1 ColumnTree控件使用心得相关推荐

最新文章

热门文章