dwz问题(本文主要是供个人学习成长之用,陈述的是本人在开发过程中遇到的几个小问题的总结,可能兼或插入一些网络资料)

来源:互联网 发布:知否什么时候上映 编辑:程序博客网 时间:2024/05/21 16:57

一:什么是dwz框架:

它一款简单实用的国产jQuery UI框架,其全称是DWZ富客户端框架(jQuery RIA framework),是中国人自己开发的基于jQuery实现的ajax RIA开源框架。

设计目标是,简单实用,降低ajax开发成本。详细展示示例可以点击地址:http://j-ui.com/#demo_page5。

二:遇到过的问题

由于我对DWZ框架还不是太了解,所以,我遇到的问题(来自公司web项目)以及解决的办法可能都十分浅显,甚至是不太恰当的。希望相关方面的高手委婉的提提改进意见。谢谢!

1)两个Tab同时打开出现窜页问题,或影响分页的正常使用

问题原因:两个tab的id命名一样,这就导致页面在调用其中一个tab的时候,会出现窜页现象,同时也会影响分页的效果。

改过的一个bug:设置每页的显示数量不成功。

解决办法:

<span>每页</span> <c:set var="pageSizeList" value="${fn:split('10|20|50|100', '|')}"/>   <select name="page.pageSize" onchange="jQuery('#actpageSize',navTab.getCurrentPanel()).val(this.value); dwzPageBreak({targetType:'navTab',rel:'freshDiv', numPerPage:this.value});">
其中获取当前页的id的重点是:jQuery('#actpageSize',navTab.getCurrentPanel()).val(this.value);这一句。

2)排序不起作用

原因:可能是页面上相关form标签中的属性id,命名不正确(来自公司的web项目,时间很长了,我当时也没有很细致的去看,可能不具有通用性,不起作用的话,请大家具体排错,因地制宜

解决办法:检查该form标签中的id值是否叫做pagerForm,如果不是,把它改成pagerForm。代码示例如下:

<form id="pagerForm" action="syslog.do?list" rel="mainFrom" >         //用于分页的三个参数<input type="hidden" id="totalPages" value="${page.totalPages}"/><input type="hidden" id="pageNo" name="page.pageNo" value="${page.pageNo}"/><input type="hidden" id="syslogPageSize" name="page.pageSize" value="${page.pageSize}"/>        //用于排序的两个参数<input type="hidden" id="orderField" name="orderField" value="${param.orderField}"/><input type="hidden" id="orderDirection" name="orderDirection" value="${param.orderDirection}"/></form>

3)实现在弹出的对话框中,点击确认或是提交按钮后,自动关闭当前对话框,示例代码如下:

<script type="text/javascript">function submitBillingForm(){//#billingQueryForm为要提交的表单id$("#billingQueryForm").submit();//关闭对话框的命令$.pdialog.closeCurrent();}</span>


0 0
原创粉丝点击