extjs4.2 treePanel 实现动态的增、删、改

关于树是怎么生成的我就不解释了

我们主要讲的是 treePanel 实现动态的增、删、改

首先我们要有一个树

然后在树上加入监听事件：

  listeners: {      
                        	   checkchange: function(node, checked) {
                                   node.cascadeBy(function(child) {
                                       child.set('checked', checked);
                                   });
                               },
							       'itemcontextmenu':function(view,record,item,index,e,eOpts){  
					                    //禁用浏览器的右键相应事件  
					                    e.preventDefault();  
					                    e.stopEvent();  

					                    var menu = new Ext.menu.Menu({  
					                        //控制右键菜单位置  
					                        float:true,  
					                         items:[{  
					                                text:"修改",  
					                                iconCls:'leaf',  
					                                handler:function(){  
					                                   alert("点击的节点ID是："+record.raw.id+",文字是："+record.raw.text+",父id是："+record.raw.parentId);
					                                }  
					                            },{  
					                                text:"添加",  
					                                iconCls:'leaf',  
					                                handler:function(){  
					                                    this.up("menu").hide();