您的位置:首页 > 理论基础 > 计算机网络

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

2015-02-13 10:05 971 查看
一:什么是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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  DWZ框架