<!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" /> <title>树形菜单</title> <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]--> <style type="text/css"> #header{height:85px} #leftside, #container, #splitBar, #splitBarProxy{top:90px} </style> <!--[if lte IE 9]> <script src="js/speedup.js" type="text/javascript"></script> <![endif]--> <script src="js/jquery-1.7.2.min.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.14-zh-cn.min.js" type="text/javascript"></script> <script src="uploadify/scripts/jquery.uploadify.min.js" type="text/javascript"></script> <script src="js/dwz.core.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.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.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.pagination.js" type="text/javascript"></script> <script src="js/dwz.database.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 type="text/javascript"> $(function(){ DWZ.init("dwz.frag.xml", { loginUrl:"login_dialog.html", loginTitle:"登录", // 弹出登录对话框 // loginUrl:"login.html", // 跳到登录页面 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"}); setTimeout(function() {$("#sidebar .toggleCollapse div").trigger("click");}, 10); } }); }); </script> </head> <body scroll="no"> <div id="layout"> <div id="header"> <div class="headerNav"> </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.html" target="navTab">主框架面板</a> <ul> <li><a href="main.html" target="navTab" rel="main">我的主页</a></li> <li><a href="http://www.baidu.com" target="navTab" rel="page1">页面一(外部页面)</a></li> </ul> </li> <li><a href="dwz.frag.xml" target="navTab" external="true">dwz.frag.xml</a></li> </ul> </div> <div class="accordionHeader"> <h2><span>Folder</span>流程演示</h2> </div> <div class="accordionContent"> <ul class="tree"> <li><a href="newPage1.html" target="dialog" rel="dlg_page">列表</a></li> <li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></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"> <div class="pageFormContent" layoutH="80" style="margin-right:230px"> </div> <div style="width:230px;position: absolute;top:60px;right:0" layoutH="80"> <iframe width="100%" height="430" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?width=0&height=430&fansRow=2&ptype=1&skin=1&isTitle=0&noborder=1&isWeibo=1&isFans=0&uid=1739071261&verifier=c683dfe7"></iframe> </div> </div> </div> </div> </div> </div> <div id="footer">Copyright © 2010 <a href="demo_page2.html" target="dialog">感谢DWZ团队</a> Tel:010-52897073</div> </body> </html>
相关推荐
【DWZ学习实例详解】 DWZ,全称为“Design Without Zones”,是一款优秀的前端开发框架,专为构建Web应用而设计。DWZ集成了丰富的UI组件、强大的Ajax交互、高效的页面跳转控制和完善的表单处理等功能,使得开发者...
dwz学习资料
【DWZ学习必备】 DWZ,全称是“Design Without Zones”,是一款基于jQuery的前端开发框架,专为Web应用界面设计而生。它简洁高效,易于上手,为开发者提供了丰富的UI组件和实用的功能,旨在简化Web应用的前端开发...
非常全面的DWZ框架学习手册,类似于EXT界面操作
#### 学习建议 对于初学者而言,建议从基础的HTML和jQuery学起,之后逐步深入理解DWZ框架的使用方法及其内部机制。 #### DWZ框架的独特之处 相较于其他JavaScript框架,DWZ的最大优点在于其对HTML的扩展能力——...
这个压缩包包含了一个名为“dwz-demo”的项目,是用于展示和学习dwz框架功能的实例。 【描述】提到,这个框架是一个JavaScript框架系统,特别适合用于开发后台管理系统。描述中强调了其易学性,鼓励用户尝试单击...
例如,你可以学习如何使用DWZ的Ajax功能实现无刷新的页面交互,以及如何利用其内置的提示对话框进行信息提示和确认操作。 此外,DWZ框架还强调了与后端框架的无缝集成,如Spring MVC、Struts2等,使得前后端分离...
这个资源合集对学习和使用DWZ框架的人员来说非常有价值,因为它提供了丰富的学习材料和实践案例。 首先,让我们详细了解一下DWZ框架的核心特点: 1. **组件丰富**:DWZ包含了大量的UI组件,如表单、表格、对话框、...
在“dwz框架官网实例”中,我们可以深入学习和理解DWZ框架的核心特性及其实际应用。这个实例是在Eclipse这样的集成开发环境中经过验证的,确保了其在真实开发环境中的可行性和稳定性。 1. **框架结构** DWZ框架的...
《DWZ的Demo和CHM使用手册》是一个针对DWZ框架的综合学习资源包,它包含了一个演示示例(Demo)以及一个以CHM(Compiled Help Manual)格式编译的API文档。这篇详解将深入剖析这两个核心部分,帮助读者更好地理解和...
标题“thinkphp3_dwz”指的是一个基于ThinkPHP 3.0框架与DWZ UI集成的项目,主要用于实现角色管理功能。...开发者可以通过学习和理解该项目,进一步掌握RBAC原理,提升在PHP框架下进行Web开发的能力。
通过分析这个项目,开发者可以学习如何将DWZ的组件与ASP.NET MVC3的路由、动作方法、视图等元素结合起来,实现功能完善的Web应用。 总之,DWZ框架与ASP.NET MVC3的结合,为开发人员提供了一种高效的Web开发解决方案...
在"dwz demo按列"这个项目中,我们可以理解为开发者已经创建了一个基于DWZ框架的示例应用,这个应用可能展示了如何在实际项目中按列展示数据,这对于理解和学习DWZ框架的布局和数据处理功能非常有帮助。 1. **DWZ...
学习DWZ的建议 •通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于...
开发者可以通过分析和运行这个"dwz-demo"来理解和学习如何将DWZ与SSH2结合使用,以及如何进行实际的项目开发。 在这个项目中,Spring作为核心的依赖注入框架,负责管理应用的生命周期和依赖关系;Struts2则作为MVC...
为了更有效地学习和运用DWZ框架,以下几点建议可供参考: 1. **熟悉HTML和CSS**:尽管DWZ减少了对JavaScript的需求,但HTML和CSS仍然是网页布局和样式的基础。 2. **掌握jQuery基础知识**:虽然DWZ尽可能地封装了...
DWZ富客户端框架是一种...总结来说,DWZ富客户端框架是一个功能强大的前端开发工具,它不仅提供了丰富的组件和扩展功能,还通过文档和示例降低了学习门槛,使得开发人员能够快速上手并有效地利用DWZ框架提升开发效率。
开发者通过查看这些文件,可以学习到如何集成和自定义DWZ UI,以及如何在自己的项目中使用它。 总的来说,"dwzteam_dwz_jui_maste"是一个关于DWZ UI前端框架的项目,适用于需要构建高效、美观且交互性强的Web应用的...
- **Firebug介绍**: Firebug是一款强大的浏览器插件,可以帮助开发者调试网页,是学习DWZ框架不可或缺的工具之一。 - **补充说明和常见问题**: 官方文档中还提供了许多关于使用框架时可能遇到的问题及其解决方案的...