easyui03(tree后台工作)

最新推荐文章于 2024-07-15 14:11:16 发布

白雾少年

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量107

点赞数

分类专栏： easyui 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_67258478/article/details/124654897

版权

easyui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	//页面载入函数
	$(function() {
		//加载树的数据 
		$('#myTree').tree({
			url : cp + '/module.do',//请求地址 index.do
			 animate : true,//展开或收缩节点显示动画效果
			onDblClick : function(node) {//节点
				//alert(node.text);  // 在用户点击的时候提示
				//判断是否是子节点
				//所有后代的结果
				var nodes = $('#myTree').tree('getChildren', node.target);
				if (nodes.length == 0) {//没有子节点
					var f = $('#myTab').tabs('exists', node.text);
					if (!f) {//不存在
						$('#myTab').tabs('add', { //iconCls:'icon-mini-refresh'  
							title : node.text,//标题    
							content : '<iframe width="100%" height="100%" scrolling="no" frameborder="0px" src="'+node.url+'"></iframe>', //内容 
							closable : true,
							iconCls:node.iconCls//图标
						//是否可以关闭
						});
					} else {//存在就让其对应选总
						$('#myTab').tabs('select', node.text);
					}
				} 

			}
		});
	})
</script>

<body class="easyui-layout">
	<div data-options="region:'north',split:true"
		style="height: 85px; text-align: center">
		<h1>书籍后台管理</h1>
	</div>
	<div data-options="region:'south',split:true"
		style="height: 68px; text-align: center">
		<h4>&copy;沉山工作室版权所有，违权使用必究</h4>
	</div>

	<div data-options="region:'west',title:'功能导航',split:true"
		style="width: 150px;">

		<!-- 左侧tree空间 -->
		<ul id="myTree" class="easyui-tree"></ul>

	</div>
	<!-- 中间的tabs控件 -->
	<div data-options="region:'center'"style="padding: 5px; background: #fff;">
		<div id="myTab" data-options="pill:true" class="easyui-tabs" style="width: 100%; height: 100%;">
	<div data-options=iconCls:'icon-bullet-home' title="首页" style="padding: 10px; display: none;">
				<img src="images/lb1.png" style="width: 100%; height: 100%">
			</div>
		</div>

	</div>
</body>

白雾少年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui03(tree后台工作)

<script type="text/javascript"> //页面载入函数 $(function() { //加载树的数据 $('#myTree').tree({ url : cp + '/module.do',//请求地址 index.do animate : true,//展开或收缩节点显示动画效果 onDblClick : function(node) {//节点 //alert(node.text); // 在用户点击的时候提示 .
复制链接

扫一扫