ExtJS 3.0 之ColumnTree添加记录

最新推荐文章于 2023-05-12 17:23:55 发布

最新推荐文章于 2023-05-12 17:23:55 发布 · 194 阅读

标签

#EXT

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在Extjs的ColumnTree组件中实现不刷新整棵树的情况下添加节点。通过具体实例展示了如何给新节点设置属性并将其添加到已选择的节点之下。

有个项目用到Extjs的ColumnTree组件，按照例子展示没有问题，可是添加却遇到了麻烦，因为想在不刷新整棵树的前提下添加节点。摸索了很久终于解决了问题，现在贴上来给大家共享。

此例中columntree假设包含4个属性需要展示，分别是：'urlCode','remark','snCode','funname'。

var selectedNode = treepanel.getSelectionModel().getSelectedNode();   //此处为给选中的节点下添加子节点
var node = new Ext.tree.TreeNode({   
     id:rs.id,   
     uiProvider:Ext.ux.tree.ColumnNodeUI   //请注意，此属性决定了其他列值的正确显示(3.2不需要这个属性)
});

//给各个属性赋值
node.attributes.urlCode=rs.urlCode;   
node.attributes.remark=rs.remark;   
node.attributes.snCode=rs.snCode;   
node.attributes.funname=rs.funname;   
//添加到选中节点上
selectedNode.appendChild(node);