Ext3 动态树 右键菜单

最新推荐文章于 2012-08-23 21:13:00 发布
最新推荐文章于 2012-08-23 21:13:00 发布
阅读量3.6k 收藏 3
点赞数
分类专栏： javascript 文章标签： ext function url tree stylesheet html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/diqye2011/article/details/7164902
版权 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>国宝维稳</title>
       <link rel="stylesheet" type="text/css" href="/gbwws/js/ext/resources/css/ext-all.css" />
        <script type="text/javascript" src="/gbwws/js/ext/ext-base.js"></script>
        <script type="text/javascript" src="/gbwws/js/ext/ext-all.js"></script>
        <script type="text/javascript" src="/gbwws/js/jquery-1.5.2.min.js"></script>
 
<script type="text/javascript">

window.onload = function() {
//左边功能树
	var menuTree = new Ext.tree.TreePanel({
		region:'west',
		title:'国宝维稳功能菜单',
		width:180,
		minSize:150,
		maxSize:200,
		split:true,
		loader: new Ext.tree.TreeLoader({dataUrl:'/gbwws/tree_roots.action'}),
		autoScroll:true,
		autoHeight:false,
		collapsible:true,
		rootVisable:false, //不显示根节点
		root:new Ext.tree.AsyncTreeNode({
			id:'root',
			text:'国宝维稳功能菜单',
			draggable:false,
			expanded:true
		}) 
		
	});

 
 
//右边具体功能面板区
var contentPanel = new Ext.TabPanel({
	region:'center',
	enableTabScroll:true,
	activeTab:0,
	items:[{
		id:'homePage',
		title:'首页',
		autoScroll:true,
		html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">首页显示</div>'
	}]
});
//beforeload
 menuTree.on('click', function(node,event) {
 	if(node == menuTree.root) {
 		return;
 	}
 	 event.stopEvent();
	 var n = contentPanel.getComponent(node.id);
	 if (!n) { 判断是否已经打开该面板
		 //获取URL
	 	$.ajax({
		   type: "POST",
		   url: "/gbwws/tree_urlById.action",
		   data: "id="+node.id,
		   success: function(url){
		      
			 	n = contentPanel.add({
			 	'id':node.id,
			 	'title':node.text,
			 	closable:true,
				 html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="' + url + '"></iframe>'
			  });
			 contentPanel.setActiveTab(n);
		   },
		   error:function() {
		   		Ext.Msg.alert('提示','访问服务器出错了');
		   }
		}); 
	  }
	   
	 contentPanel.setActiveTab(n);
 });
 menuTree.on('beforeload', function(node) {
 	 if(node == menuTree.root) return true;
	  if(!node.isLeaf()) {
	  	 menuTree.loader.dataUrl = "/gbwws/tree_append.action?id="+node.id;
	  }
	  
	  return true;
 });

	new Ext.Viewport({
		layout:'border', //使用border布局
		defaults:{activeItem:0},
		items:[menuTree, contentPanel]
	});

//==============================右键菜单=============================================
 function rightMenu() {
 	var currentNode;
     var rightMenu = new Ext.menu.Menu({
        items : ['-',{
        	id:'addFoder',
            text : '增加目录',
            handler:function (){
					//处理逻辑
				if(currentNode == menuTree.root) {
				 addFoder(0,currentNode.text);
					return;
				}
				 addFoder(currentNode.id,currentNode.text);
            }
        }, '-',
        {
            id:'addLeaf',
            text : '增加节点',
             handler:function (){
					//处理逻辑
				if(currentNode == menuTree.root) {
				 addFoder(0,currentNode.text);
					return;
				}
				 addFoder(currentNode.id,currentNode.text);
            }
        }, '-',
        {
            id:'update',
            text : '修改',
             handler:function (){
					//处理逻辑
				if(currentNode == menuTree.root) {
				 	Ext.Msg.alert('提示','不允许修改根节点');
					return;
				}
					 //获取URL
			 	$.ajax({
				   type: "POST",
				   url: "/gbwws/tree_urlById.action",
				   data: "id="+currentNode.id,
				   success: function(url){
				       update(currentNode.id,currentNode.text,url);
				   },
				   error:function() {
				   		Ext.Msg.alert('提示','访问服务器出错了');
				   }
				}); 
				 
            }
        },'-',{
			id:'del',
			text:'删除',
			handler:function() {
				delete_(currentNode.id);
			}
        },
        '-']
     });
     
     //=================================右键事件=====================
     menuTree.on('contextmenu', function(n,e) {
     	currentNode = n;
     	if(n==menuTree.root) {
     		Ext.getCmp('del').hide();
     		Ext.getCmp('addFoder').show();
     		Ext.getCmp('addLeaf').show();
     		Ext.getCmp('update').show();
     	
     	}else {
	     	if(n.isLeaf()) {
	     		
	     		Ext.getCmp('del').show();
	     		Ext.getCmp('update').show();
	     		Ext.getCmp('addFoder').hide();
	     		Ext.getCmp('addLeaf').hide();
	     	}
	     	
	     	if(!n.isLeaf()) {	
	     		Ext.getCmp('del').show();
	     		Ext.getCmp('update').show();
	     		Ext.getCmp('addFoder').show();
	     		Ext.getCmp('addLeaf').show();
	 		}
 		}
 		e.preventDefault();//禁用浏览器默认的菜单 必须写
         rightMenu.showAt(e.getXY());//取得鼠标点击坐标，展示菜单
     });
 	}
 	rightMenu();
 	
//=====================创建一个窗口==============================================
 	 var windowCrud  = new Ext.Window({modal:true,
 	 						isAdd:true,
 	 						zid:'',
							autoDestroy:false,
							width:400,
							height:200,
							constrain:true,	
							closeAction:'hide',
							buttons :[
								{text:'提交',handler:function(){
											alert(windowCrud.isAdd == true ? '增加' : '更新');
											alert(Ext.getCmp("tree_name").getValue())
											alert(Ext.getCmp("tree_url").getValue())
											alert(windowCrud.zid);
											}
								},
								{text:'关闭',handler:function(){windowCrud.hide()}}
							]
						 });
	
	 					 
	function addFoder(id,title) {
			windowCrud.zid = id;
			windowCrud.setTitle('在' + title+'目下下增加');
			windowCrud.removeAll(true);
			windowCrud.add(new Ext.form.Label({text:"名字："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_name",width:350}));
			windowCrud.add(new Ext.form.Label({html:"<br />"}));
			windowCrud.add(new Ext.form.Label({text:"URL："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_url",width:350}));
			windowCrud.show();
	}
	
	function update(id,title,url) {
			windowCrud.zid = id;
			windowCrud.isAdd =false;
			windowCrud.setTitle('修改的目录是：' + title);
			windowCrud.removeAll(true);
			windowCrud.add(new Ext.form.Label({text:"名字："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_name",value:title,width:350}));
			windowCrud.add(new Ext.form.Label({html:"<br />"}));
			windowCrud.add(new Ext.form.Label({text:"URL："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_url",value:url,width:350}));
			windowCrud.show();
	}
	
	function delete_(id) {
	   Ext.Msg.show({
	     title:'删除?',
	     msg: '你确定要删除么?',
	     buttons: {ok:'确定',cancel:'关闭'},
	     icon: Ext.Msg.QUESTION,
	     fn:function(btn,name) {
	     	if(btn == 'ok') {
	     		alert("好");
	     	}
    	 }
 		});
	}
	
};

</script>
</head>
<body>
</body>
</html>


以下是根据第一个做的第二个 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管理器</title>
      <script type="text/javascript" src="../resources/js/ext-base.js"></script>
	<script type="text/javascript" src="../resources/js/ext-all.js"></script>
	<script type="text/javascript" src="../resources/js/jquery.min.js"></script>
	<!-- <script type="text/javascript" src="../resources/js/ext-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../resources/js/ext-config.js"></script> -->
	<link href="../resources/ext-css/css/ext-all.css" type="text/css" rel="stylesheet" />
 
<script type="text/javascript">
var basePath = '<%=basePath%>';
var helpPath = basePath + 'manager/help.html'
window.onload = function() {
//左边功能树
	var menuTree = new Ext.tree.TreePanel({
		region:'west',
		title:'我的工作维护管理',
		width:180,
		minSize:150,
		maxSize:200,
		split:true,
		loader: new Ext.tree.TreeLoader({dataUrl:basePath + 'menuTree?rootId=0'}),
		autoScroll:true,
		autoHeight:false,
		collapsible:true,
		rootVisable:false, //不显示根节点
		root:new Ext.tree.AsyncTreeNode({
			id:'0',
			text:'我的菜单',
			draggable:false,
			expanded:true
		}) 
		
	});

 
 
//右边具体功能面板区
var contentPanel = new Ext.TabPanel({
	region:'center',
	enableTabScroll:true,
	activeTab:0,
	items:[{
		id:'homePage',
		title:'首页',
		autoScroll:true,
		html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'+helpPath+ '" ></iframe>'
	}]
});
//beforeload
 menuTree.on('click', function(node,event) {
 	if(node == menuTree.root) {
 		console.log("node == menuTree.root");
 		return;
 	}
 	 event.stopEvent();
	 var n = contentPanel.getComponent(node.id);
	 if (!n) { 判断是否已经打开该面板
		console.log(node.id);
		console.log(node.text);
//		console.log(node.url);
//console.log(basePath + "menuTree!show?id=" + node.id);
		var url = basePath + "menuTree!show?id=" + node.id;
		n = contentPanel.add({
			'id':node.id,
			'title':node.text,
			 closable:true,
			 html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src=' + url +'></iframe>'
			 });
		contentPanel.setActiveTab(n);	 
	  }
	   
	 contentPanel.setActiveTab(n);
 });
 menuTree.on('beforeload', function(node) {
 //	 if(node == menuTree.root) return true;
	  if(!node.isLeaf()) {
	  	 menuTree.loader.dataUrl = basePath + 'menuTree?rootId='+node.id;
	  	 //console.log(basePath + 'menuTree?rootId='+node.id);
	  }
	  
	  return true;
 });

	new Ext.Viewport({
		layout:'border', //使用border布局
		defaults:{activeItem:0},
		items:[menuTree, contentPanel]
	});

//==============================右键菜单=============================================
 function rightMenu() {
 	var currentNode ;
     var rightMenu = new Ext.menu.Menu({
        items : [{
        	id:'addFoder',
            text : '增加元素',
            handler:function (){
					//处理逻辑
 //console.log(currentNode.id);	
				if(currentNode == menuTree.root) {
				 addFoder('0',currentNode.text);
					return;
				}
				 addFoder(currentNode.id,currentNode.text);
            }
        }/* , 
        {
            id:'addLeaf',
            text : '增加节点',
             handler:function (){
					//处理逻辑
				if(currentNode == menuTree.root) {
				 addFoder(0,currentNode.text);
					return;
				}
				 addFoder(currentNode.id,currentNode.text);
            }
        } */,
        {
            id:'update',
            text : '刷新',
             handler:function (){
					//处理逻辑
				/* if(currentNode == menuTree.root) {
				 	Ext.Msg.alert('提示','不允许修改根节点');
					return;
				}
				modify(currentNode.id); */
				//console.log(currentNode.id);
				currentNode.reload();
				
            }
        },'-',{
			id:'del',
			text:'删除',
			handler:function() {
				delete_(currentNode.id);
			}
        },
        '-']
     });
     
     //=================================右键事件=====================
     menuTree.on('contextmenu', function(n,e) {
     	currentNode = n;
     	if(n==menuTree.root) {
     		Ext.getCmp('del').hide();
     		Ext.getCmp('addFoder').show();
     		//Ext.getCmp('addLeaf').show();
     		Ext.getCmp('update').show();
     	
     	}else {
	     	if(n.isLeaf()) {
	     		
	     		Ext.getCmp('del').show();
	     		Ext.getCmp('update').hide();
	     		Ext.getCmp('addFoder').hide();
	     		//Ext.getCmp('addLeaf').hide();
	     	}
	     	
	     	if(!n.isLeaf()) {	
	     		Ext.getCmp('del').show();
	     		Ext.getCmp('update').show();
	     		Ext.getCmp('addFoder').show();
	     		//Ext.getCmp('addLeaf').show();
	 		}
 		}
 		e.preventDefault();//禁用浏览器默认的菜单 必须写
         rightMenu.showAt(e.getXY());//取得鼠标点击坐标，展示菜单
     });
 	}
 	rightMenu();
 	
//=====================创建一个窗口==============================================
 	 /* var windowCrud  = new Ext.Window({modal:true,
 	 						isAdd:true,
 	 						zid:'',
							autoDestroy:false,
							width:400,
							height:200,
							constrain:true,	
							closeAction:'hide',
							buttons :[
								{text:'提交',handler:function(){
											//alert(windowCrud.isAdd == true ? '增加' : '更新');
											//alert(Ext.getCmp("tree_name").getValue())
											//alert(Ext.getCmp("tree_url").getValue())
											//alert(windowCrud.zid);
											}
								},
								{text:'重置', handler:function(){this.ownerCt.findByType('form')[0].getForm().reset();}},
								{text:'关闭',handler:function(){windowCrud.hide()}}
							]
						 }); */
	var windowCrud  = new Ext.Window({modal:true,
							zid:'0',
							autoDestroy:false,
							width:300,
							height:350,
							constrain:true,	
							closeAction:'hide',
							items:[{ 
							id:'form-id',
							xtype:'form',
							defaultType:'textfield',
							bodyStyle : 'padding:5px',
							baseCls : 'x-plaints',
								items:[{
										xtype:'panel',
										layout:'table',
										fieldLabel:'是否有子节点',
										defaultType:'radio',
										baseCls : 'x-plaints',
										items:[
										{name:'menu.menuHasChilden',boxLabel:'是', inputValue:1},
										{name:'menu.menuHasChilden',boxLabel:'否', inputValue:0, checked:true}
										]
									},{
									id:'menuTitle',
									name:'menu.menuTitle',
									fieldLabel:'菜单标题',
									allowBlank:false,
									emptyText:'输入标题不能为空'
									},{
										id:'menuUrl',
										name:'menu.menuUrl',
										fieldLabel:'url',
										vtype:'url'
									},{
										id:'menu.menuOrder',
										name:'menu.menuOrder',
										fieldLabel:'排序号',
										allowBlank:false,
										regex:/^[0-9]+$/,
										emptyText:'只能输入整数不允许为空'
									},{
										xtype:'combo',
										name:'menu.menuChildenType',
										typeAhead : true , 
										fieldLabel:'子菜单类型',
										triggerAction:'all',
										mode : 'local' , 
										store : new Ext.data.SimpleStore({
										data : [['0','0'] ,['1','1'],['2','2'],['3','3']],
										fields : ['1' , '2']
										}),
										valueField : '1' ,
										displayField : '2'
									},{
										id:"menu.menuContentWidth",
										name:"menu.menuContentWidth",
										fieldLabel:'宽度',
										regex:/^[01]{1,1}$/
									},{
										id:"menu.menuContentHeight",
										name:"menu.menuContentHeight",
										fieldLabel:'高度',
										regex:/^[01]{1,1}$/
									},{
										xtype:'panel',
										layout:'table',
										fieldLabel:'是否有设置',
										defaultType:'radio',
										baseCls : 'x-plaints',
										items:[
										{name:'menu.menuIsSetable',boxLabel:'是', inputValue:1},
										{name:'menu.menuIsSetable',boxLabel:'否', inputValue:0, checked:true}
										]
									},{
										xtype:'panel',
										layout:'table',
										fieldLabel:'是否有弹出框',
										defaultType:'radio',
										baseCls : 'x-plaints',
										items:[
										{name:'menu.menuIsPop',boxLabel:'是', inputValue:1},
										{name:'menu.menuIsPop',boxLabel:'否', inputValue:0, checked:true}
										]
									}
									
								]
							}],
							buttons :[
								{text:'提交',handler:function(){		
												if(Ext.getCmp('form-id').getForm().isValid()){
													//Ext.Msg.alert('info',Ext.getCmp('form-id').getForm().getValues(true));
													/* var url = basePath + 
													"/menuTree!save?menu.menuParentId=" + 
													windowCrud.zid + 
													 "&"
													 + Ext.getCmp('form-id').getForm().getValues(true); */
													 var url = basePath + "/menuTree!save";
													 var param = Ext.getCmp('form-id').getForm().getValues(true)+"&menu.menuParentId=" + windowCrud.zid;
													//console.log(url);
													ajax_post(url,param, function(data){
														if(data.status){
															//Ext.Msg.alert('提示', '成功');
															windowCrud.hide();
															if(windowCrud.zid == '0') {
																menuTree.root.reload();
															}else{
																menuTree.getNodeById(windowCrud.zid).reload();
															}
															//menuTree.getLoader.load(node, function(){});
														}else{
															Ext.Msg.alert('提示', '删除失败请联系管理员！');
														}
													},function(){
														Ext.Msg.alert('提示', '删除失败请联系管理员！');
													});
												}else{
													Ext.Msg.alert('错误', '请输入正确的值');	
												}
											}
								},
								{text:'重置', handler:function(){Ext.getCmp('form-id').getForm().reset();}},
								{text:'关闭',handler:function(){windowCrud.hide()}}
							]
						 });					 
	
	 					 
	function addFoder(id,title) {
			/* windowCrud.zid = id;
			windowCrud.setTitle('在' + title+'目下下增加');
			windowCrud.removeAll(true);
			windowCrud.add(new Ext.form.Label({text:"名字："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_name",width:350}));
			windowCrud.add(new Ext.form.Label({html:"<br />"}));
			windowCrud.add(new Ext.form.Label({text:"URL："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_url",width:350})); */
			windowCrud.zid = id;
			windowCrud.show();
	}
	
/* 	function update(id,title,url) {
			windowCrud.zid = id;
			windowCrud.isAdd =false;
			windowCrud.setTitle('修改的目录是：' + title);
			windowCrud.removeAll(true);
			windowCrud.add(new Ext.form.Label({text:"名字："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_name",value:title,width:350}));
			windowCrud.add(new Ext.form.Label({html:"<br />"}));
			windowCrud.add(new Ext.form.Label({text:"URL："}));
			windowCrud.add(new Ext.form.TextField({id:"tree_url",value:url,width:350}));
			windowCrud.show();
	}	 */		
	//修改目录内容
	function modify(id) {
	
	}		
	
	function delete_(id) {
	   Ext.Msg.show({
	     title:'删除',
	     msg: '你确定要删除么?',
	     buttons: {ok:'确定',cancel:'关闭'},
	     icon: Ext.Msg.QUESTION,
	     fn:function(btn,name) {
	     	if(btn == 'ok') {
	     		var path = basePath + 'menuTree!del?id=' + id;
	     		ajax(path, function(jsonData){
	     			if(jsonData.status){
	     			//	Ext.Msg.alert('提示', '成功');
	     				//alert(menuTree.getNodeById(id).parentNode.text);
	     				menuTree.getNodeById(id).parentNode.reload();
	     				//menuTree.getLoader.load(node);
	     			}else{
	     				Ext.Msg.alert('提示', '删除失败请联系管理员！');
	     			}
	     		},function(){Ext.Msg.alert('提示', '删除失败请联系管理员！');});
	     	}
    	 }
 		});
	}
	
};

function ajax(url_, success_h, faild_h){
	Ext.Ajax.request({
	   url: url_,
	   success: function(response){
	   	 var urlObj =eval('(' + response.responseText + ')');
	   	 success_h(urlObj);
	   },
	   failure: faild_h
	   
	});
}
function ajax_post(url_,param, success_h, faild_h){
	Ext.Ajax.request({
	   url: url_,
	   method:'post',
	   params:param,
	   success: function(response){
	   	 var urlObj =eval('(' + response.responseText + ')');
	   	 success_h(urlObj);
	   },
	   failure: faild_h
	   
	});
	
}
</script>
</head>
<body>
</body>
</html>



diqye2011
关注
专栏目录
EXT实现动态树的功能
03-08
EXT实现动态树，可编辑几点，增加节点，删除节点，批量打开。全部代码。
使用contextMenu插件实现Bootstrap table弹出右键菜单
12-02
例如，Bootstrap的表格（Bootstrap table）默认并不支持右键菜单功能。在这种情况下，开发者通常需要借助第三方插件来扩展其功能。本文将详细介绍如何使用`contextMenu`插件实现在Bootstrap table上添加右键弹出菜单...
Ext右键菜单完整版
weixin_33966095的博客
01-11 121
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http
Ext之grid右键菜单
web开发
08-23 346
Ext.ns('Ext.ux.grid'); Ext.ux.grid.RightMenu = function(options) { var currRecord = false; var currRowIndex = false; var currGrid = false; var menuItems = Ext.each(options.items, function()...
ext tree 动态 右键菜单
任香980101
10-13 124
uniInfoPanel.on('contextmenu', function(node, e) { if (node.attributes.JBtype == 'station' || node.attributes.JBtype == 'person') { return; } node.select(); va...
ExtTree右键菜单
su on java
08-07 588
为TreePanel绑定右键菜单事件 var treeMenu=new Ext.menu.Menu({ id:treeMenu, items:[{ text:添加菜单, iconCls :new, hideOnClick :true, handler:function(){} //点击该菜单触发的事件selectN
pyqt5界面右键菜单中文汉化(QLineEdit、QTextEdit)
12-23
从PyQt5的包中Lib\site-packages\PyQt5\Qt\translations找到qt_zh_CN.qm文件，复制到项目的目录下，可以新建个文件，只要在项目中就行。 ...提取码：5269 然后代码里面 if __name__ == '__main__': ...
Ext grid 添加右击菜单
12-02
在本文中，我们将深入探讨如何在Ext Grid中添加右键菜单功能，这是一项常见的交互设计，可以为用户提供更丰富的操作选项。首先，我们先来理解一下`Ext Grid`是什么。`Ext Grid`是Ext JS库中的一个组件，用于展示结构...
textbox右键菜单
12-10
Page 1 A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:active { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline overline } ... scrollbar-face-c
Ext做的例子右键菜单设置forward跳转b/s版
06-01
在这个“Ext做的例子右键菜单设置forward跳转b/s版”中，我们将探讨如何利用ExtJS实现一个右键菜单系统，该系统能够支持页面的forward跳转功能，适用于特定的B/S架构（Browser/Server，即浏览器/服务器模式）的页面...
Ext.grid.GridPanel右键菜单
12-03
右键菜单的资料，代码已经详细描写。请仿照文件中所描述即可使用，不限于EXT4.0以上版本使用。
ext带右键菜单的树
10-28
ext带右键菜单的树 ext带右键菜单的树
Ext动态树详解
weixin_30323961的博客
05-18 101
最近在学习Ext，在园子里也看了好多别人的文章，今天自己动手来实现一个动态树。首先先看效果图吧 效果就如上面所示，接下来一步一步来实现吧！代码只贴关键部分！ 第一 数据库表的设计 还是请大家看图 很简单的表，就不说了。 第二 数据层用Linq 文件是：TreeLinqAccess 代码 public List<...
ext树的右键菜单控制--去掉右键菜单
学习讨论
11-09 193
      工作需要，构建了一棵EXT JS的树，tree       实际的需求是，有的节点需要右键菜单，有的节点不需要右键菜单，但是从网上找来的模板中所有的节点都会有右键菜单。       具体右键菜单的代码如下： contextmenu : function(node, e) {//右键点击节点，会运行的函数 parent.tree.parentId.val...
Ext 带右键菜单的树
weoln的专栏
07-15 1030
    New Document            Ext.onReady(function(){     //定义xml数据结构     var mydata = "";      //定义树的跟节点      var root=new Ext.tree.TreeNode({            id:"root",//根节点id            text:"我是树根"     
Ext树节点右键菜单
iteye_3782的博客
04-24 136
用ext做了一个树 // Add Tree Menu tree.on('contextmenu', contextmenu, tree); // 创建右键菜单 function contextmenu(node, e) { treeMenu = new Ext.menu.Menu( { id : 'treeMenu', items : ...
ext 右键菜单
nailwl
04-29 2384
<!-- Ext.onReady(function(){ /**/ var shortcuts = Ext.get("clientDiv0"); //增加右键点击事件 if(shortcuts){ shortcuts.on(contextmenu,function(e){//声明菜单类型
Ext3动态树
cooleone的专栏
05-10 117
[code="java"] var tree = new Ext.tree.TreePanel({ id: 'dirTree', title: '目录树', width: 200, lines :false, rootVisible : false, loader: new Ext.tree.TreeLoader({ ...
Ext的desktop的桌面菜单右键
宬者儰仼
10-22 143
在Desktop.js 添加这代码就可以实现了桌面右键菜单功能，   var rightClick = new Ext.menu.Menu({        id :'rightClickCont',        items : [{            id:'rmove',            text : '删除',            //增加菜单点击事件            h...
EXTJS实现GridPanel右键菜单功能
"这篇资源主要介绍了如何在Ext.grid.GridPanel中实现右键菜单功能，适用于EXT 4.0及以上版本。通过提供一个名为`Ext.ux.grid.RightMenu`的自定义扩展，用户可以轻松地为表格添加具有自定义事件处理程序的右键菜单。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值