easyui layout+tab+tree实现网站基本布局
来源：互联网 发布：网络教育的本科学历国家承认吗 编辑：程序博客网 时间：2024/06/07 02:42
<%@ page language="java"import="java.util.*"pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"src="jquery-easyui-1.3.5/jquery.min.js"></script> <script type="text/javascript"src="jquery-easyui-1.3.5/easyloader.js"></script> <script type="text/javascript"src="jquery-easyui-1.3.5/jquery.easyui.min.js"></script> <script type="text/javascript"src="jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script> <link rel="stylesheet"type="text/css"href="jquery-easyui-1.3.5/themes/default/easyui.css"> <link rel="stylesheet"type="text/css"href="jquery-easyui-1.3.5/themes/icon.css"> </head> <body class="easyui-layout"> <script type="text/javascript"> varindex = 0; functionaddPanel(url,title){ if(!$('#tt').tabs('exists', title)){ $('#tt').tabs('add',{ title: title, content:'<iframe src="'+url+'" frameBorder="0" border="0" style="width: 100%; height: 100%;"/>', closable:true }); }else{ $('#tabs').tabs('select', title); } } functionremovePanel(){ vartab = $('#tt').tabs('getSelected'); if(tab){ varindex = $('#tt').tabs('getTabIndex', tab); $('#tt').tabs('close', index); } } </script> <div data-options="region:'north',title:'North Title',split:true"style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true"style="height:100px;"></div> <div data-options="region:'east',title:'East',split:true"style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true"style="width:150px;"> <ul id="tt1"class="easyui-tree"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> <ul> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab1')">File 11</a></span></li> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab2')">File 11</a></span></li> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab3')">File 11</a></span></li> </ul> </li> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab4')">File 11</a></span></li> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab5')">File 11</a></span></li> </ul> </li> <li><span><a href="javascript:void(0)"onclick="addPanel('tab1.jsp','tab6')">File 11</a></span></li> </ul> </div> <div id="tt"data-options="region:'center',title:'center title'" class="easyui-tabs"style="padding:5px;background:#eee;"> <div title="Tab1"style="padding:20px;display:none;"> tab1 </div> </div> </body> </html>
0 0
- easyui layout+tab+tree实现网站基本布局
- easyui layout+tab+tree实现网站基本布局
- EasyUI左侧tree，右侧tab布局
- easyUI的基本搭建与layout布局
- easyui---layout 布局实例
- easyui之layout布局
- easyui-layout 布局自适应
- EasyUi---layout整体布局
- easyui--layout布局
- EasyUI Layout 布局
- EasyUI -- Layout（布局）
- EasyUI之Layout布局
- easyui-layout 布局自适应
- EasyUI之布局Layout
- easyUI layout布局
- django easyui layout布局
- easyui布局加TAB
- EasyUI综合布局Layout二.银行后台局部实现模仿
- 如何计算算法的时间复杂度
- Can't create handler inside thread that has not called Looper.prepare()解决办法
- Java 理论与实践: 流行的原子
- 黑马程序员———反射
- 社説 20150525 空き家対策法 危険になる前に手を打とう
- easyui layout+tab+tree实现网站基本布局
- js 操作cookie
- iOS中登录功能的体验探究
- 社説 20150525 伊方原発「合格」 再稼働へ着実に準備を進めよ
- 什么时候使用Looper.prepare()
- V4L2 Test Bench
- 利用Pinyin4j把中文转换为拼音
- 自定义SeekBar样式实现
- WPF实现选项卡效果（1）——使用AvalonDock
