Extjs4 tree右键菜单实现

直接上代码

var tree = Ext.create('Ext.tree.Panel', {
		title : 'Simple Tree',
		width : 200,
		height : 250,
		queryMode : 'local',
		id : 'treePanel-id',
		store : store,
		rootVisible : false,
		listeners : {
			'itemclick' : function(view, record, items, index, e) {
				alert(items);
				if (record.get('leaf') == false) {
					return;
				} else {
					Ext.MessageBox.show({
								title : '节点操作',
								msg : 'itemclick：index=' + index + ",text="
										+ record.data.text,
								icon : Ext.MessageBox.INFO
							});
				}
			},
			'itemcontextmenu' : function(menutree, record, items, index, e) {
				e.preventDefault();
				e.stopEvent();
				var obj = record;

				while (!obj.parentNode.isRoot()) {
					obj = obj.parentNode;
				}
				var rootId = obj.getId();
				if (rootId != 180 && rootId != 190) {
					return;
				} else {
					var nodemenu = new Ext.menu.Menu({
						floating : true,
						items : [{
							text : "添加文件夹",
							// icon:'images/add.gif',
							// iconCls:'leaf',
							handler : function() {
								if (record.get('leaf') == false) {
									Ext.MessageBox.prompt("标题", "請輸入",
											function(btn, text) {
												if (btn == "ok") {
													record.appendChild({
																text : text,
																id : new Date()
																		.getTime(),
																expanded : true
															});
												}
											}, this, false, // 表示文本框为多行文本框
											"新添加文件夹");
								}

							},
							listeners : {
								render : function(com) {
									if(record.get('leaf') == true)
									com.setVisible(false);
								}
							}
						}, {
							text : "添加子节点",

							handler : function() {
								Ext.MessageBox.prompt("标题", "請輸入",
										function(btn, text) {
											if (btn == "ok") {
												record.appendChild({
															text : text,
															id : new Date()
																	.getTime(),
															expanded : true,
															leaf : true
														});
											}
										}, this, false, // 表示文本框为多行文本框
										"新添加子节点");
							},
						listeners : {
							render : function(com) {
								if(rootId==190||record.get('leaf') == true)
								com.setVisible(false);
							}
						}
						}, {
							text : "编辑",
							// icon:'images/leaf.gif',
							// iconCls:'leaf',
							handler : function() {
								Ext.MessageBox.prompt("标题", "請輸入",
										function(btn, text) {
											if (btn == "ok") {
												record.data.text= text;
														
											}
										}, this, false, // 表示文本框为多行文本框
										record.data.text);
							}
						}, {
							text : "删除",
							// icon:'images/delete.gif',
							// iconCls:'leaf',
							handler : function() {
								record.remove(record);
							}
						}]
					});
					nodemenu.showAt(e.getXY());
				}

			}
		}
	});

评论

3 楼 lzbcrs 2014-11-06  

发个完整的行不 误人子弟 简单的demo 还发的不全 无语了

2 楼 hamlzf 2012-09-10  

好像不能用啊

1 楼 ashou1986 2012-06-16