Ext3 动态树 右键菜单

最新推荐文章于 2022-09-26 14:04:43 发布
最新推荐文章于 2022-09-26 14:04:43 发布
阅读量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
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
EXTJS动态树，非常完整的一个例子
请叫我
12-08 1万+
这个是我从ITeye里看到的，最近也在做这个例子，觉得那边的写的非常的不错，现在拿过来分享下，等自己的例子写好，也会拿上来分享的   EXTJS动态树的实现举例 一、描述：通过dwr实现JS与后台的交互，从而实现动态树中叶子节点和目录节点的增加和编辑、以及节点的拖曳，节点的增删和拖曳都会改变自身以及它所在的目录节点下的相关节点的序号，能使得后台与前台同步。这个序号借助了tree中node的
Ext grid 添加右击菜单
12-02
在本文中，我们将深入探讨如何在Ext Grid中添加右键菜单功能，这是一项常见的交互设计，可以为用户提供更丰富的操作选项。首先，我们先来理解一下`Ext Grid`是什么。`Ext Grid`是Ext JS库中的一个组件，用于展示结构...
Extjs右键菜單
x1043556915的博客
09-26 156
Extjs右键菜單
ext tree 动态 右键菜单
任香980101
10-13 117
uniInfoPanel.on('contextmenu', function(node, e) { if (node.attributes.JBtype == 'station' || node.attributes.JBtype == 'person') { return; } node.select(); va...
Extjs动态树形菜单
看山 看水 看世界
08-09 2616
Extjs动态树形菜单树形菜单在各种管理系统使用非常广泛，同时市面上也有很多框架提供了动态树形菜单的生成，正好最近有项目用到Extjs所以下面介绍基于Extjs的动态树形菜单。 程序环境：extjs 4.2+spring-boot 后续版本的应该差距不大 模块设计菜单分为三级菜单 secondleve(1)->(n)thirdlevel(1)->(n)fourthlevel彼此分别是一对多的关
Ext之grid右键菜单
web开发
08-23 340
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()...
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
ExtJs grid行 右键菜单的两种方法
10-29
plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: function(grid, record, tr, index, e) { e.preventDefault(); // 阻止浏览器默认的右键菜单 ...
JQuery右键菜单插件ContextMenu使用指南
12-12
插件下载地址: http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 压缩版: ...Jquery主页: http://jquery.com/ 通过此插件可以在不同... 代码如下: <... JQuery右键菜单 </TITLE>  
基于FineUI Grid控件添加右键菜单
09-03
在本文中，我们将深入探讨如何在FineUI框架中为Grid控件添加右键菜单功能。FineUI是一款强大的Web前端开发库，它基于ExtJS库，并提供了丰富的UI组件和便捷的API，使得开发者能够快速构建交互式的企业级Web应用。 ...
Ext.grid.GridPanel右键菜单
12-03
右键菜单的资料，代码已经详细描写。请仿照文件中所描述即可使用，不限于EXT4.0以上版本使用。
【Extjs6】给tabpanel添加右键菜单
u010989191的博客
09-21 2401
var currentItem; Ext.define('Admin.view.main.MainTabView',{ extend: 'Ext.tab.Panel', xtype: 'maintabview', id: 'maintabview', items: [], plugins: Ext.create('Ext.ux.TabCloseMenu', {
Ext：Ext.menu.Menu动态加载菜单
mehua413的专栏
10-14 2902
<br />var createMenu = new Ext.menu.Menu({<br />    id : 'mainMenu',<br />    items : [],<br />    listeners : {<br />     click : function(menu, item, e) {<br />      var record = groupLevelStore.getAt(item.getId());<br />      addGroup(record);<br />    
ExtJs动态开始菜单
看山 看水 看世界
06-26 600
ExtJs Desktop桌面开始菜单动态生成ExtJs框架是目前市面上采用比较成熟的js框架，有着诸多优点特别适合用来实现一些内部的管理信息系统.ExtJs提供了一套组件来开发类似于windows桌面的单页面系统，其中desktop桌面的开始菜单按照后台提供的数据动态生成也是一个难点，下面将对desktop桌面动态开始菜单的生成进行介绍。 ExtJs官方提供了desktop桌面的demo，其中关
EXT 右键菜单
泉水依然
12-01 437
/*****************右键按钮定义*********************/         var treeRightMenu = new Ext.menu.Menu({         id: 'theContextMenu',         items:[{                 id:'policy_apply',                 text:'策...
使用Ext.js3.2实现简单的菜单栏，使用类Ext.menu.Menu
张波的技术积累
07-26 1869
1：menu1.jsp <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.ge
ext3.0 树控件处理
sjc106112的专栏
05-25 1062
前几个月，一直在学习ext，并用它做了个项目，其中涉及到大量的树列表的创建，动态修改。现在不忙了，总结出来：//创建节点root为树的根节点，node当前要加入的节点，nodeArray所有的树节点（可以不包括根节点） checked表示树节点是否加入check框，带check框的节点都加入了选中子节点，父节点连同当前节点的子节点一起选中的事件。        function add
ext2read读取u盘
最新发布
07-07
### 回答1： ext2read是一款免费的软件，可以帮助我们读取U盘中的ext2和ext3文件系统。U盘常常使用FAT32或NTFS文件系统来格式化，但是有时我们可能会遇到U盘使用ext2或ext3文件系统的情况。这时候，使用常规的Windows操作系统来读取U盘中的文件就不太方便了。 ext2read的作用就是解决这个问题，它提供了一个简单易用的界面，可以让我们在Windows操作系统下访问和浏览U盘中的ext2和ext3文件系统。只需安装ext2read软件，并将U盘插入电脑，软件会自动识别并显示出U盘中的文件和文件夹。 使用ext2read可以轻松地查看、复制和转移U盘中的文件，就像在Windows资源管理器中操作一样简单。我们可以选择指定的文件或文件夹，然后进行拷贝、剪切、粘贴等操作，方便地管理U盘中的数据。 另外，ext2read还支持对U盘进行快速格式化，以及文件系统的修复等功能。如果U盘中的文件系统出现了错误或损坏，我们可以使用ext2read进行修复，提高数据的可靠性和完整性。 总之，ext2read是一款非常实用的软件，能够帮助我们在Windows操作系统中读取和管理U盘中的ext2和ext3文件系统。它的简洁易用的界面和丰富的功能，使得我们能够更方便地处理U盘中的数据。 ### 回答2： ext2read是一款免费的软件，可以帮助用户读取U盘中的ext2和ext3文件系统。通过ext2read，我们可以在Windows操作系统下访问和浏览U盘中的Linux文件系统。 使用ext2read读取U盘非常简单。首先，我们需要将U盘插入电脑。然后，我们可以打开ext2read软件，并选择“File”菜单中的“Open Disk”选项。在弹出的窗口中，我们需要选择U盘所在的磁盘，并点击“OK”按钮。接下来，软件会自动扫描U盘，并显示出U盘中的文件和文件夹列表。 通过ext2read，我们可以像在Windows资源管理器中一样，浏览、复制、粘贴、删除、重命名和查看U盘中的文件。而且，我们还可以利用搜索功能快速定位所需的文件或文件夹。 通过ext2read，用户可以方便地在Windows操作系统下访问和管理U盘中的Linux文件系统，无需额外安装Linux系统或者使用虚拟机。这对于需要在Windows环境下与Linux文件进行交互的用户来说非常实用。 虽然ext2read功能强大，但需要注意的是，它只支持读取ext2和ext3文件系统，不支持ext4文件系统。此外，为了避免数据丢失或损坏，使用ext2read操作U盘时需要谨慎。及时退出软件、安全地拔出U盘，可以保证数据的完整性和安全性。 总之，ext2read是一个便捷实用的工具，可以帮助用户在Windows操作系统下读取U盘中的ext2和ext3文件系统，同时提供了简单而强大的操作界面，方便用户管理文件和文件夹。 ### 回答3： ext2read是一个软件工具，它可以帮助我们读取和访问U盘中的ext2、ext3和ext4文件系统。这些文件系统是在Linux系统中常见的格式，而在Windows操作系统中，通常无法直接识别和读取U盘中的这些文件系统。 使用ext2read可以方便地将U盘插入到Windows计算机上，然后使用它来查看、复制和编辑U盘中的文件和文件夹。通过这个工具，我们可以轻松地访问U盘中的各种数据，无论是文档、照片、音乐还是其他类型的文件。 使用ext2read的过程非常简单。首先，我们需要下载并安装这个软件工具。安装完成后，我们可以将U盘插入计算机，然后打开ext2read的界面。在软件界面中，我们可以选择需要读取的U盘分区，然后点击"Mount"按钮来挂载这个分区。 一旦分区挂载成功，我们就可以在ext2read的界面中浏览U盘中的文件和文件夹了。我们可以通过双击打开文件夹，查看其中的内容；可以右键点击文件或文件夹，选择复制、粘贴或删除等操作。使用ext2read，我们可以在Windows中像操作普通的文件一样来处理U盘中的文件。 总的来说，ext2read是一个便捷的工具，能够帮助我们在Windows操作系统中读取和访问U盘中的ext2、ext3和ext4文件系统。它有效地解决了Windows无法直接识别这些文件系统的问题，使我们能够方便地处理U盘中的文件和数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值