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:设置每页的显示数量不成功。
解决办法:
2)排序不起作用
原因:可能是页面上相关form标签中的属性id,命名不正确(来自公司的web项目,时间很长了,我当时也没有很细致的去看,可能不具有通用性,不起作用的话,请大家具体排错,因地制宜)
解决办法:检查该form标签中的id值是否叫做pagerForm,如果不是,把它改成pagerForm。代码示例如下:
3)实现在弹出的对话框中,点击确认或是提交按钮后,自动关闭当前对话框,示例代码如下:
它一款简单实用的国产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>
相关文章推荐
- 最近在ArcGIS Engine开发中关于调用gp工具过程出现COM 组件的调用返回了错误 HRESULT E_FAIL 错误的解决方法 和 学习oracle中遇到的一些问题总结
- ios开发学习过程中遇到的一些问题
- 有关于request,session的几个问题[总结网络搜集的一些资料]
- jquerymobile1.4开发过程中遇到的一些问题总结
- 从MPG切割,合并到转换成FLV视频过程中可能遇到的一些问题(主要用到mencoder ffmpeg flvtool2)
- WTL学习过程中遇到的一些问题总结
- (转)WTL学习过程中遇到的一些问题总结
- CUnit开发环境搭建过程可能遇到的一些问题及解决方法
- 2018/3/4-3/6个人android客户端和服务器通信学习总结--主要是网上聊天局域网通信例子及环境搭配遇到的问题
- 开发过程中 遇到的一些小问题 总结一下
- 【总结】EJB开发过程中遇到的几个问题
- iOS开发之适配IPV6更新网络处理为AFNetworking3.x, 集成以及遇到的一些问题总结。
- SDN开发过程中遇到的一些问题总结
- js开发过程中遇到的一些问题
- 优龙FS2410开发板学习过程遇到问题总结
- Android 开发中的遇到的一些细节问题总结
- sublime2使用过程中遇到的一些问题总结
- 最近这段时间开发过程中遇到的一些细节问题汇总
- jackson json开发过程遇到的一些问题小节
- 安卓开发过程中遇到问题总结二