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

windshome

浏览: 318098 次
性别:
来自: 北京

最近访客更多访客>>

sp42

u012363178

zhxh007

cwh888

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web前端开发

js ui dwz web html

这几天看了一点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
踩

分享到：

系统设计和开发中，方法论比技术更重要--兼 ... | 敏捷开发的想法之二

2013-07-09 19:54
浏览 5891
评论(11)
分类:Web前端
查看更多

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

3 楼 sunsetst 2013-07-10

使用DWZ就必须在官方给的示例上面进行删改，否则这东西根本没法用，所有的的东西必须按照它的写法一点点尝试，只要有一点不一样，效果就达不到，灵活性很差。不过它的UI效果确实不错。

2 楼 windshome 2013-07-09

感谢！最烦恼的是文档对此只字不提，呵呵。
我会试试你说的这个。

1 楼 dinguangx 2013-07-09

确实是有一些特定的写法和命名在里面的，不过日期控件除了mydate97，其他的都不太好用。

LZ可以试一下operamasks-ui

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论