本人通过struts2 spring ibatis 制作了一个简单的任务管理系统 然后想把它整合到DWZ的UI界面上。
主要只涉及到2个文件一个是
index:
- HTML code
<!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" /><meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" /> <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" /> <meta http-equiv="expires" content="0" /> <title>任务管理系统</title><link rel="stylesheet" href="js/scheduler/codebase/dhtmlxscheduler.css" type="text/css" media="screen" title="no title" charset="utf-8" /><link rel="stylesheet" href="js/scheduler/codebase/ext/dhtmlxscheduler_ext.css" type="text/css" media="screen" title="no title" charset="utf-8" /><link href="js/edo/res/css/edo-all.css" rel="stylesheet" type="text/css" /><link href="themes/default/style.css" rel="stylesheet" type="text/css" media="screen"/><link href="themes/css/core.css" rel="stylesheet" type="text/css" media="screen"/><link href="themes/css/print.css" rel="stylesheet" type="text/css" media="print"/><link href="uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen"/><!--[if IE]><link href="themes/css/ieHack.css" rel="stylesheet" type="text/css" media="screen"/><![endif]--><script src="js/speedup.js" type="text/javascript"></script><script src="js/jquery-1.7.1.js" type="text/javascript"></script><script src="js/jquery.cookie.js" type="text/javascript"></script><script src="js/jquery.validate.js" type="text/javascript"></script><script src="js/jquery.bgiframe.js" type="text/javascript"></script><script src="xheditor/xheditor-1.1.12-zh-cn.min.js" type="text/javascript"></script><script src="uploadify/scripts/swfobject.js" type="text/javascript"></script><script src="uploadify/scripts/jquery.uploadify.v2.1.0.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript" src="My97DatePickerBeta/My97DatePicker/WdatePicker.js"></script><script src="js/dwz.core.js" type="text/javascript"></script><script src="js/dwz.util.date.js" type="text/javascript"></script><script src="js/dwz.validate.method.js" type="text/javascript"></script><script src="js/dwz.regional.zh.js" type="text/javascript"></script><script src="js/dwz.barDrag.js" type="text/javascript"></script><script src="js/dwz.drag.js" type="text/javascript"></script><script src="js/dwz.tree.js" type="text/javascript"></script><script src="js/dwz.accordion.js" type="text/javascript"></script><script src="js/dwz.ui.js" type="text/javascript"></script><script src="js/dwz.theme.js" type="text/javascript"></script><script src="js/dwz.switchEnv.js" type="text/javascript"></script><script src="js/dwz.alertMsg.js" type="text/javascript"></script><script src="js/dwz.contextmenu.js" type="text/javascript"></script><script src="js/dwz.navTab.js" type="text/javascript"></script><script src="js/dwz.tab.js" type="text/javascript"></script><script src="js/dwz.resize.js" type="text/javascript"></script><script src="js/dwz.dialog.js" type="text/javascript"></script><script src="js/dwz.dialogDrag.js" type="text/javascript"></script><script src="js/dwz.sortDrag.js" type="text/javascript"></script><script src="js/dwz.cssTable.js" type="text/javascript"></script><script src="js/dwz.stable.js" type="text/javascript"></script><script src="js/dwz.taskBar.js" type="text/javascript"></script><script src="js/dwz.ajax.js" type="text/javascript"></script><script src="js/dwz.pagination.js" type="text/javascript"></script><script src="js/dwz.database.js" type="text/javascript"></script><script src="js/dwz.datepicker.js" type="text/javascript"></script><script src="js/dwz.effects.js" type="text/javascript"></script><script src="js/dwz.panel.js" type="text/javascript"></script><script src="js/dwz.checkbox.js" type="text/javascript"></script><script src="js/dwz.history.js" type="text/javascript"></script><script src="js/dwz.combox.js" type="text/javascript"></script><script src="js/dwz.print.js" type="text/javascript"></script><!--<script src="bin/dwz.min.js" type="text/javascript"></script>--><script src="js/dwz.regional.zh.js" type="text/javascript"></script><script type="text/javascript">$(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog", loginTitle:"登录", // 弹出登录对话框// loginUrl:"login", // 跳到登录页面 statusCode:{ok:200, error:300, timeout:301}, //【可选】 pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】 debug:false, // 调试模式 【true|false】 callback:function(){ initEnv(); $("#themeList").theme({themeBase:"themes"}); // themeBase 相对于index页面的主题base路径 } });});</script><script src="js/scheduler/codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script><script src="js/scheduler/codebase/ext/dhtmlxscheduler_editors.js" type="text/javascript" charset="utf-8"></script><script src="js/scheduler/codebase/locale_cn.js" type="text/javascript" charset="utf-8"></script><script src="js/scheduler/codebase/locale_recurring_cn.js" type="text/javascript" charset="utf-8"></script><script src="js/scheduler/codebase/ext/dhtmlxscheduler_minical.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" src="js/edo/edo.js"></script> <style type="text/css" media="screen">html,body { margin: 0px; padding: 0px; height: 100%; overflow: hidden;}</style></head><body scroll="no"> <div id="layout"> <div id="header"> <div class="headerNav"> <a class="logo" href="http://j-ui.com">标志</a> <ul class="nav"> <li id="switchEnvBox"><a href="javascript:">（<span>武汉</span>）切换城市</a> <ul> <li><a href="sidebar_1">武汉</a></li> <li><a href="sidebar_2">上海</a></li> <li><a href="sidebar_2">南京</a></li> <li><a href="sidebar_2">深圳</a></li> <li><a href="sidebar_2">广州</a></li> <li><a href="sidebar_2">天津</a></li> <li><a href="sidebar_2">杭州</a></li> </ul> </li> <li><a href="https://me.alipay.com/dwzteam" target="_blank">捐赠</a></li> <li><a href="changepwd" target="dialog" width="600">设置</a></li> <li><a href="http://www.cnblogs.com/dwzjs" target="_blank">博客</a></li> <li><a href="http://weibo.com/dwzui" target="_blank">微博</a></li> <li><a href="http://bbs.dwzjs.com" target="_blank">论坛</a></li> <li><a href="login">退出</a></li> </ul> <ul class="themeList" id="themeList"> <li theme="default"><div class="selected">蓝色</div></li> <li theme="green"><div>绿色</div></li> <!--<li theme="red"><div>红色</div></li>--> <li theme="purple"><div>紫色</div></li> <li theme="silver"><div>银色</div></li> <li theme="azure"><div>天蓝</div></li> </ul> </div> <!-- navMenu --> </div> <div id="leftside"> <div id="sidebar_s"> <div class="collapse"> <div class="toggleCollapse"><div></div></div> </div> </div> <div id="sidebar"> <div class="toggleCollapse"><h2>主菜单</h2><div>收缩</div></div> <div class="accordion" fillSpace="sidebar"> <div class="accordionHeader"> <h2><span>Folder</span>界面组件</h2> </div> <div class="accordionContent"> <ul class="tree treeFolder"> <li><a href="tabsPage" target="navTab">主框架面板</a> <ul> <li><a href="main" target="navTab" rel="main">我的主页</a></li> <li><a href="findAllTaskUI.action" target="navTab" rel="page2">search界面</a></li> <li><a href="scheduler.jsp" target="navTab" rel="external" external="true">日程表</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div id="container"> <div id="navTab" class="tabsPage"> <div class="tabsPageHeader"> <div class="tabsPageHeaderContent"><!-- 显示左右控制时添加 class="tabsPageHeaderMargin" --> <ul class="navTab-tab"> <li tabid="main" class="main"><a href="javascript:;"><span><span class="home_icon">我的主页</span></span></a></li> </ul> </div> <div class="tabsLeft">left</div><!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" --> <div class="tabsRight">right</div><!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" --> <div class="tabsMore">more</div> </div> <ul class="tabsMoreList"> <li><a href="javascript:;">我的主页</a></li> </ul> <div class="navTab-panel tabsPageContent layoutBox"> <div class="page unitBox" id="jbsxBox"> </div> </div> </div> </div> </div> <div id="footer">Copyright © 2010 <a href="demo_page2" target="dialog">DWZ团队</a> Tel：010-52897073</div></body></html>