DWZ框架使用的实例简单介绍.docVIP

Dwz客户端框架的实例简单介绍（技术是：SpringMVC+hibernate视图是：jsp） 在使用此框架前把需要的文件准备好，然后导入到Eclipse中，如图： 在项目的一个页面导入项目中需要的所有js文件，如图： 本页面加载了所有需要用的js文件，在以后的页面中就不需要再加载了，只需要调用它的属性就可以了。注意这个文件dwz.frag.xml很重要，是DWZ的核心文件，所有的js文件都是经过他初始化的。如图： 以上是使用此框架的前期准备，下面就具体介绍在页面中的属性。 2、1）class=”pageHeader”,class=”searchBar”用在div里显示查询样式ul class=”searchContent’ 查询内容，写法是 2)class=”pageContent”,class=”panelBar,这两个是在div里使用的样式，class=”toolBar”是在ul里使用的样式。calss=”add”这是按钮图标样式，在table标签里使用class=”table”来设置表格的样式，layoutH=”数字”设置表格的高度 3)分页部分样式： 最终的页面显示样式如图所示： a连接上加上可实现增加或修改功能需要的弹出窗口，title是弹出层窗口的标题 4）分页一般是和查询一起的，所以分页的form上必须加上id=pagerForm，因为js封装了它，必须写上作为标识。还有提交时的回调函数。如图： 文档上有各种案例但是说的都不详细，这是本人自己在做的过程中用到的，希望对刚接触DWZ的人有帮助，我因为是刚接触这个框架，刚开始一点都摸不着头脑，现在总算有些眉目了。 只需要写下面代码就可以了，样式已经呗人家封装好了