(本文主要是供个人记录之用,陈述的是本人在开发过程中遇到的几个小问题的总结,可能兼或插入一些网络资料)
一:什么是dwz框架:
它一款简单实用的国产jQuery UI框架,其全称是DWZ富客户端框架(jQuery RIA framework),是中国人自己开发的基于jQuery实现的ajax RIA开源框架。
设计目标是,简单实用,降低ajax开发成本。详细展示示例可以点击地址:简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)。
二:遇到过的问题
由于我对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>