在EXTJS4.0的tree中使用右鍵菜單,增改刪樹節點

'itemcontextmenu' : function(view, record, htmlitem, rowIndex, e){
                            var rightClick;
                            if(!rightClick){
                                rightClick = new Ext.menu.Menu({  
                                    floating :true,  
                                    plain : true,  
                                    floating:true,
                                    items : [{  
                                                text : '添加節點',  
                                                // 增加菜單點擊事件  
                                                handler : function() {  
                                                    record.appendChild({text: 'New Node', leaf: true});//這裏的text屬性也有可能叫name或者其他名字,這個取決於與該樹的store關聯的model裏面的屬性名稱
                                                    //alert(record)
                                                    store.load();//刷新樹結構,*實際上應該是將樹的節點信息保存以後再執行這個功能
                                                }  
                                            }, {  
                                                text : '編輯節點'  ,
                                                handler : function(){
                                                    //alert(record.data.text);
                                                    //alert(record.data.leaf);
                                                    //alert(record.id);
                                                    
                                                    store.load();
                                                    //var text = record.set('text','dddd');
                                                }
                                            }, {  
                                                text : '刪除節點'  ,
                                                handler : function(){
                                                    
                                                    record.remove();
                                                    store.load();
                                                }
                                            }]  
                                });
                            }
                            rightClick.showAt(e.getXY());
                            e.preventDefault();
                        }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章