Extjs tree 右键进行叶子节点的增删编辑

这里写图片描述

Ext.create('Ux.tree.Panel', {
                width: 200,
                height: 450,
                region: 'west',
                id: 'leftTree',
                displayField: "msgTypeName",
                colspan: 2,
                rootVisible: true,
                store: treeStore,
                listeners: {
                     beforecellcontextmenu: function (pl, td, cellIndex, record, tr, rowIndex, e, eOpts) {

                        e.preventDefault();//去掉点击右键是浏览器的菜单
                        var menu = Ext.create('Ext.menu.Menu', {
                            floating: true,
                            items: [{
                                glyph: 0xf055,
                                text: '添加结点', handler: function () {
                                    console.log(record);
                                }
                            }, {
                                text: '移除节点',
                                glyph: 0xf056,
                                handler: function () {
                                    Ext.MessageBox.confirm("确认","您确定要进行删除操作吗?",
                                        function(ok){
                                            if("yes"==ok) {
                                                console.log(selectedRow)
                                                /*Ext.Ajax.request({
                                                    url:'url',
                                                    params:{treeId:treeid},
                                                    success:function(response)
                                                    {
                                                       /!* var result = Ext.decode(response.responseText);
                                                        if(result.success) {
                                                            Ext.MessageBox.alert('提示','删除成功!');
                                                            me.store.reload();
                                                        }
                                                        else {
                                                            Ext.MessageBox.alert('提示',result.result);
                                                        }*!/
                                                    }
                                                });*/
                                            }
                                        }
                                    )
                                }
                            }, {
                                text: '修改节点',
                                glyph: 0xf044, handler: function () {
                                }
                            }],
                            renderTo: document.body
                        })

                        var xy = Ext.get(td).getXY();
                        Ext.menu.MenuMgr.hideAll();//这个方法避免每次都点击的时候出现重复菜单。
                        menu.showAt(xy[0] + 100, xy[1]);
                    },

                    storeload: function (field, rec) {
                        leftTree.setSelection(rec[0]);
                    }

                }
            });

猜你喜欢

转载自blog.csdn.net/ann_mi/article/details/80270471