dojo1.9学习总结(一)-layout
来源:互联网 发布:刺客信条康纳 知乎 编辑:程序博客网 时间:2024/05/29 18:53
<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><%String path = request.getContextPath();// 获得项目完全路径(假设你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/): String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css"href="<%=basePath%>dojo/dijit/themes/soria/soria.css"><link rel="stylesheet" type="text/css"href="<%=basePath%>dojo/dojo/resources/dojo.css" /><link rel="stylesheet" type="text/css"href="<%=basePath%>dojo/dojox/grid/resources/soriaGrid.css" /><style type="text/css">body,html {font-family: helvetica, arial, sans-serif;font-size: 90%;}th {font-size: 13px;font-family: Arial, Microsoft YaHei, SimSun, sans-serif !important;text-align: center;}td {font-size: 13px;font-family: Arial, Microsoft YaHei, SimSun, sans-serif !important;}div #copyright {text-align: center}</style></head><script type="text/javascript" src="<%=basePath%>dojo/dojo/dojo.js"djConfig="parseOnLoad:true"></script><script type="text/javascript">dojo.require("dijit.layout.ContentPane");dojo.require("dijit.layout.BorderContainer");dojo.require("dijit.layout.AccordionContainer");dojo.require("dijit.layout.TabContainer");dojo.require("dojo.parser");</script><body class="soria"><div dojoType="dijit.layout.BorderContainer" design="sidebar"gutters="true" liveSplitters="true" id="borderContainer"style="width: 100%; height: 100%;"><div dojoType="dijit.layout.AccordionContainer"data-dojo-props="minSize:20,region:'left',splitter:true"><div dojoType="dijit.layout.AccordionPane" title="first menu">firstmenu</div><div dojoType="dijit.layout.AccordionPane" title="second menu">secondmenu</div><div dojoType="dijit.layout.AccordionPane" title="third menu"selected="true">third menu</div><div dojoType="dijit.layout.AccordionPane" title="fourth menu">fourthmenu</div><div dojoType="dijit.layout.AccordionPane" title="fifth menu">fifthmenu</div></div><div dojoType="dijit.layout.ContentPane" splitter="true"region="right" style="width: 100px;">Right Region</div> <div dojoType="dijit.layout.TabContainer" data-dojo-props="region:'center',tabStrip:true"> <div dojoType="dijit.layout.ContentPane" title="first tab"></div> <div dojoType="dijit.layout.ContentPane" title="second tab" selected="true">second tab</div> <div dojoType="dijit.layout.ContentPane" title="third tab" closable="true"></div> </div><div dojoType="dijit.layout.ContentPane" splitter="true"liveSplitters="true" region="top">浙江大学软件学院</div><div dojoType="dijit.layout.ContentPane" splitter="true"region="bottom"><div id="copyright">Copyright by Jason Wang 2014.4.13</div></div></div></body></html>
利用dojo很容易做出框架效果:
0 0
- dojo1.9学习总结(一)-layout
- dojo1.9学习总结(二)-DOM操作
- dojo1.9学习总结(三)-事件绑定
- dojo1.9学习总结(四)-函数上下文
- dojo1.1.0学习总结--简单登陆案例
- dojo1.1.0学习总结--注册案例
- dojo1.1.0学习总结--在线编辑器案例
- dojo1.1.0学习总结--简单表格案例
- dojo1.1.0学习总结--简单对话框登陆案例
- dojo1.1.0学习总结--JSON数据对象案例
- dojo1.1.0学习总结--Gird绑定JSON数据案例
- 学习Layout总结
- html dojo1.9
- Dojo1
- ExtJS学习笔记 layout的9种样式风格总结
- bootstrap学习笔记(一)--layout
- UGUI学习(一) :Layout Group布局使用说明
- size classes和layout的学习总结
- PB vs XML vs JSON
- 第6周作业1-闰年之循环判断
- 第七周工作报告(2014.4.6~4.13)
- 在线打字测速系统
- WTL: CTabView 源码分析
- dojo1.9学习总结(一)-layout
- 《Effective C++》读书笔记
- 插值器
- 使用java命令行方式编译包中的类
- .jar服务器启动。
- MySQL Stored Procedure Variables
- git版本控制从某个版本恢复到之前或者之后的版本的方法
- java图片添加文字
- [ActionBar]无标题栏时点击菜单键出现空指针的解决办法.