`

DWZ的使用郁闷经历和解决办法，从没有看到哪里的文档提到

jsuidwzwebhtml 
阅读更多

 

这几天看了一点DWZ，打算拿这个作为webUI的基础，于是下载了一份最新版本，打算先拿一个日期控件开刀。于是在dwz-ria目录下，建立了一个mydate.html，把DWZ自带的index.html中引用一大堆js、css和定义的初始化的js函数贴在里边，又从w_datepicker.html中贴了一个日期组件的代码，如下：

 

index中的代码：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)</title>

<link href="themes/default/style.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="themes/css/core.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="themes/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<link href="uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen"/>
<!--[if IE]>
<link href="themes/css/ieHack.css" rel="stylesheet" type="text/css" media="screen"/>
<![endif]-->

<!--[if lte IE 9]>
<script src="js/speedup.js" type="text/javascript"></script>
<![endif]-->

<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/jquery.bgiframe.js" type="text/javascript"></script>
<script src="xheditor/xheditor-1.1.14-zh-cn.min.js" type="text/javascript"></script>
<script src="uploadify/scripts/jquery.uploadify.js" type="text/javascript"></script>

<!-- svg图表  supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+ -->
<script type="text/javascript" src="chart/raphael.js"></script>
<script type="text/javascript" src="chart/g.raphael.js"></script>
<script type="text/javascript" src="chart/g.bar.js"></script>
<script type="text/javascript" src="chart/g.line.js"></script>
<script type="text/javascript" src="chart/g.pie.js"></script>
<script type="text/javascript" src="chart/g.dot.js"></script>

<script src="js/dwz.core.js" type="text/javascript"></script>
<script src="js/dwz.util.date.js" type="text/javascript"></script>
<script src="js/dwz.validate.method.js" type="text/javascript"></script>
<script src="js/dwz.regional.zh.js" type="text/javascript"></script>
<script src="js/dwz.barDrag.js" type="text/javascript"></script>
<script src="js/dwz.drag.js" type="text/javascript"></script>
<script src="js/dwz.tree.js" type="text/javascript"></script>
<script src="js/dwz.accordion.js" type="text/javascript"></script>
<script src="js/dwz.ui.js" type="text/javascript"></script>
<script src="js/dwz.theme.js" type="text/javascript"></script>
<script src="js/dwz.switchEnv.js" type="text/javascript"></script>
<script src="js/dwz.alertMsg.js" type="text/javascript"></script>
<script src="js/dwz.contextmenu.js" type="text/javascript"></script>
<script src="js/dwz.navTab.js" type="text/javascript"></script>
<script src="js/dwz.tab.js" type="text/javascript"></script>
<script src="js/dwz.resize.js" type="text/javascript"></script>
<script src="js/dwz.dialog.js" type="text/javascript"></script>
<script src="js/dwz.dialogDrag.js" type="text/javascript"></script>
<script src="js/dwz.sortDrag.js" type="text/javascript"></script>
<script src="js/dwz.cssTable.js" type="text/javascript"></script>
<script src="js/dwz.stable.js" type="text/javascript"></script>
<script src="js/dwz.taskBar.js" type="text/javascript"></script>
<script src="js/dwz.ajax.js" type="text/javascript"></script>
<script src="js/dwz.pagination.js" type="text/javascript"></script>
<script src="js/dwz.database.js" type="text/javascript"></script>
<script src="js/dwz.datepicker.js" type="text/javascript"></script>
<script src="js/dwz.effects.js" type="text/javascript"></script>
<script src="js/dwz.panel.js" type="text/javascript"></script>
<script src="js/dwz.checkbox.js" type="text/javascript"></script>
<script src="js/dwz.history.js" type="text/javascript"></script>
<script src="js/dwz.combox.js" type="text/javascript"></script>
<script src="js/dwz.print.js" type="text/javascript"></script>
<!--
<script src="bin/dwz.min.js" type="text/javascript"></script>
-->
<script src="js/dwz.regional.zh.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	DWZ.init("dwz.frag.xml", {
		loginUrl:"login_dialog.html", loginTitle:"登录",	// 弹出登录对话框
//		loginUrl:"login.html",	// 跳到登录页面
		statusCode:{ok:200, error:300, timeout:301}, //【可选】
		pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
		debug:true,	// 调试模式 【true|false】
		callback:function(){
			initEnv();
			$("#themeList").theme({themeBase:"themes"}); // themeBase 相对于index页面的主题base路径
		}
	});
});

</script>
</head>

 

w_datepicker.html中的代码：

 

<div class="pageContent">
	<form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);">
		<div class="pageFormContent" layoutH="98">
			<p>
				<label>默认格式：</label>
				<input type="text" name="date1" class="date" readonly="true"/>
				<a class="inputDateButton" href="javascript:;">选择</a>
				<span class="info">yyyy-MM-dd</span>
			</p>
</div>
</form>
</div>

 

 

折腾了半天，最后显示了一个日期控件选择的图标，但是点的时候，没有任何反应！

 

查网上的资料，也居然没有发现任何有用的东西

 

后来实在没办法，把w_datepicker.html中的内容，贴在index.html的最后，</body>之前，居然能够出来。

 

然后我就一点一点删除index.html中的内容，直到剩下如下的内容：

 

<body scroll="no">
	<div id="layout">

		<div id="container">
			<div id="navTab" class="tabsPage">
 
 
				<div class="navTab-panel tabsPageContent layoutBox">
					<div class="page unitBox">
 
						<div class="pageFormContent" layoutH="80" style="margin-right:230px">
							

						</div>
						
 
					</div>
					
				</div>
			</div>
		</div>

	</div>

 

后来反复看了半天，感情是js依赖于特定名字的div！没有验证，但是应该是这样的一种情况。

 

比较让人不解的是，居然没有任何文档和资料提到这个。难道所有人都比我聪明，一开始都认识到这个问题并解决了？疑惑！疑惑！

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

0
顶
0
踩
分享到：
| 敏捷开发的想法之二
评论
11 楼 heshujing217187 2014-12-16  
来一下ligerui吧，人多力量大！
10 楼 windshome 2013-07-11  
本来我觉得这个也挺好的，但是现在却改变了看法。我觉得收费无可厚非，人都要生存啊，谁都能理解，但是，为什么不能明说呢？干嘛挖个坑，等人跳进去，付费救人呢？真不厚道。


9 楼 sunsetst 2013-07-11  
windshome 写道
效果不错，文档应该好好完善啊，作者也是开发人员，为什么不能为在这个组件基础上二次开发的人多想一些呢？难道是把这个当成商业机会吗？当然，这么想这么做也无可厚非，明说也就是了。

如果明说的话，项目或产品有这部分预算的就花点钱； 没有的话或者想别的着，或者自己写，或者下功夫把这个DWZ怎么使用研究明白。



DWZ确实提到会提供有偿定制服务，而且也有人提到过，在使用的过程中遇到什么问题，只要付钱问题便迎刃而解，所以，这应该是作者故意为之。
8 楼 windshome 2013-07-10  
怎么能这么吝惜文档呢?
7 楼 shishi 2013-07-10  
用过DWZ一段时间，学习成本是各个框架里面最低的，但是必须按照它设定的div格式来写，缺少一些灵活性。文档基本上没有，前期只能按照demo慢慢摸索，要明白target中ajax   ajaxTOdo，dialog的各个含义。
6 楼 windshome 2013-07-10  
那老兄给介绍一下，什么前端框架比较好用啊
5 楼 huxize 2013-07-10  
不太提倡用dwz，不太灵活。
4 楼 windshome 2013-07-10  
效果不错，文档应该好好完善啊，作者也是开发人员，为什么不能为在这个组件基础上二次开发的人多想一些呢？难道是把这个当成商业机会吗？当然，这么想这么做也无可厚非，明说也就是了。

如果明说的话，项目或产品有这部分预算的就花点钱； 没有的话或者想别的着，或者自己写，或者下功夫把这个DWZ怎么使用研究明白。


3 楼 sunsetst 2013-07-10  
使用DWZ就必须在官方给的示例上面进行删改，否则这东西根本没法用，所有的的东西必须按照它的写法一点点尝试，只要有一点不一样，效果就达不到，灵活性很差。不过它的UI效果确实不错。
2 楼 windshome 2013-07-09  
感谢！最烦恼的是文档对此只字不提，呵呵。
我会试试你说的这个。
1 楼 dinguangx 2013-07-09  
确实是有一些特定的写法和命名在里面的，不过日期控件除了mydate97，其他的都不太好用。

LZ可以试一下operamasks-ui
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    DWZ使用帮助文档

    DWZ使用帮助文档,可以适用于各种语言的前端富客户端框架

    dwz使用文档

    dwz使用文档，能让你dwz掌握非常好，不容错过啊

    DWZ文件+文档

    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...

    DWZ-JUI 文档和代码

    DWZ-JUI 文档和代码

    DWZ帮助文档 PDF版

    dwz帮助文档 pdf版本 可供开发人员快速了解dwz富客户端 并快速上手

    dwz框架及api文档

    很好很实用的dwz框架里面还有api操作文档，免费下载

    dwz开发参考文档，很实用，很详细

    dwz开发参考文档，很实用，很详细 DWZ富客户端框架使用手册

    DWZ视频+文档

    DWZ视频+文档

    dwz学习文档教程

    dwz框架的文档教程，一步步教你学习使用dwz，一个很优秀的框架，一本很实用的书！

    dwz富框架文档

    刚接触DWZ的人可能感觉DWZ文档太少、入门困难，原因都是没有掌握正确的学方法。建议按下面的步骤来学习DWZ框架： · 通读DWZ文档，很多新手提的问题文档中都写了。 · 看demo每个组件演示效果和代码（留意组件html...

    dwz源码和文档

    目前最心的dwz源码和文档，非常简单的后台管理框架

    dwz的Demo和chm使用手册

    里面包含了dwz的Demo和chm格式的API文档

    dwz 解决200错误自定义的函数使用

    dwz 解决200错误自定义的函数使用

    dwz 帮助文档

    最新的dwz框架学习帮助文档，更新到了1.42版本，打了好几个补丁，特此发布以供学习

    DWZ开发文档

    DWZ区别于其它JS框架，最大的优点 · 完全开源，源码没有做任何混淆处理，方便扩展 · CSS和js代码彻底分离，修改样式方便 · 简单实用，扩展方便，轻量级框架，快速开发 · 仍然保留了html的页面布局方式 · ...

    DWZ框架及使用教程

    压缩文件包含： DWZ框架 DWZ富客户端框架使用手册 DWZ框架使用的实例简单介绍

    DWZ使用说明

    DWZ使用说明DWZ使用说明DWZ使用说明DWZ使用说明DWZ使用说明

    DWZ使用手册及视频下载

    包括dwz使用手册及视频教程 DWZ富客户端框架(jQuery RIA framework)，是中国人自己开发的基于jQuery实现的Ajax RIA开源框架。 DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级。 DWZ框架...

    dwz 使用手册和详细介绍

    dwz是前端开发的框架集，熟练之后，很大程度上提高前端开发的效率。开发人员不需要很厉害的JS和CSS技术也能开发出效果非常炫。语言：html+CSS+jQuery+Ajax

    DWZ使用不可缺少

    本文档整理了DWZ框架的50个不可缺少 方法，详细的介绍了使用DWZ机JQuery。是业务开发人员不可或缺的页面编程的利器。

Magicbox
Global site tag (gtag.js) - Google Analytics