easyui_02(tree)

YL-IP.man

已于 2022-05-06 20:39:07 修改

阅读量76

点赞数

文章标签： java

于 2022-04-29 16:29:37 首次发布

本文链接：https://blog.csdn.net/qq_65186994/article/details/124366904

版权

tree，又称为树，相当于树状表，它可以在后端做到条例分析，层次清楚

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="Conut/head.jsp" %>
<!DOCTYPE html>
<html>
		
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	/* 页面载入函数 */
	$(function(){
		$('#mytree').tree({    
		    url:path+'/data/tree_data1.json',   //数据请求地址
		    animate:true,//展开和收回动画效果
		    onDblClick: function(node){//节点 == 对象
		    	//判断是否是子节点
		    	var nodes = $('#mytree').tree('getChildren',node.target);
		    	if(nodes.length == 0){//如果没有子节点
		    		//判断选项卡是否存在
		    		var f = $('#mytab').tabs('exists',node.text);
				    //不存在就新增一个选项卡
				    if(!f){
				    	$('#mytab').tabs('add',{    
				    	    title:node.text,//标题    
				    	    content:node.text, //内容   
				    	    closable:true,    //是否可以关闭
				    	      
				    	});
				    }else{//存在就让其选中
				    	 $('#mytab').tabs('select',node.text);
				    }	
		    	}
		    	
		    	
		    
			}
		});
	})
	</script>
</head>
<body class="easyui-layout">   
    <div data-options="region:'north',split:true" style="height:90px;text-align:center">
    <h1>书籍后台管理</h1>
    </div>   
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;">
       沉山工作室
    </div>   
    <div data-options="region:'west',title:'功能导航',split:true" style="width:200px;">
    <ul id="mytree" class="easyui-tree">   
     
	</ul> 
    </div>   
    <div data-options="region:'center'," style="padding:5px;background:#fff;">
    <div id="mytab" class="easyui-tabs" style="width:100%;height:100%;">   
    <div data-options="iconCls:'icon-bullet-home'" title="首页" style="padding:20px;display:none;">   
           
    </div>   
      
</div>
    </div>   
</body>
</html>

YL-IP.man

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui_02(tree)

tree，又称为树，相当于树状表，它可以在后端做到条例分析，层次清楚<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@include file="Conut/head.jsp" %><!DOCTYPE html><html> <head><meta charset="UTF-8"&..
复制链接

扫一扫