当前位置：文档之家 › dwz-user-guide

dwz-user-guide

  • 格式：doc
  • 大小：399.50 KB
  • 文档页数：31

DWZ富客户端框架使用手册目录概述 (4)学习DWZ的建议 (4)DWZ区别于其它JS框架，最大的优点 (4)设计思路 (4)版权声明 (5)DWZ研发组介绍 (5)HTML扩展 (6)Ajax链接扩展 (6)当前navTab中链接ajax post扩展 (6)dialog链接扩展 (6)navTab链接扩展 (7)Tab组件扩展 (8)Accordion组件 (8)容器高度自适应 (8)CSS Table (8)Table扩展 (9)在线编辑器 (10)分页组件 (10)navTabTodo扩展 (11)Input alt扩展 (11)Tree扩展 (11)Panel扩展 (12)日历控件 (12)url变量替换 (12)checkbox全选、反选 (13)uploadify多文件上传 (14)Ajax表单 (15)表单查询 (15)普通Ajax表单提交 (17)服务器端响应 (17)文件上传表单提交 (19)服务器端响应 (19)Java服务器端表单处理示例 (19)DWZ js库介绍 (21)DWZ框架初始化 (21)dwz.core.js (21)dwz.ui.js (21)dwz.ajax.js (21)dwz.alertMsg.js (21)dwz.jDialog.js (21)dwz.accordion.js (22)dwz.barDrag.js (22)dwz.navTab.js (22)dwz.scrollCenter.js (22)dwz.stable.js (22)dwz.cssTable.js (22)dwz.tree.js (22)dwz.theme.js (22)dwz.validate.method.js (22)dwz.validate.zh.js (22)dwz.contextmenu.js (22)dwz.pagination.js (23)dwz.datepicker.js (23)box.js (23)dwz.checkbox.js (23)dwz. regional.zh.js (23)dwz.validate.method.js (23)Javascript混淆和压缩 (24)Javascript混淆 (24)Javascript 用gzip压缩 (24)DWZ如何中使用打包的js (25)常见问题及解决 (26)Error loading XML document: dwz.frag.xml (26)多个navTab页面或dialog页面ID冲突，解决方法 (26)jQuery1.4.2和jquery.validate.js在IE的兼容问题 (26)升级jQuery1.4.2注意事项 (26)weblogic访问xml问题 (27)DWZ版本升级 (27)版本命名规则 (27)V1.1.6 RC2 (28)V1.1.6 RC1 (28)V1.1.5 Final (28)V1.1.5 RC3 (28)V1.1.5 RC2 (28)V1.1.5 RC1 (29)V1.1.5 Beta1 (29)V1.1.4 Final (29)V1.1.3 (29)V1.1.2 (29)V1.1.1 (29)v1.1.0 (30)v1.0.6 (30)v1.0.5 (30)附录 (31)附录一 Firebug介绍 (31)概述DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发。

让开发人员不写javascript的情况下, 也能用ajax做项目和使用各种UI组件.DWZ框架支持用html扩展的方式来代替javascript代码, 只要董html语法, 再参考DWZ使用手册就可以做ajax开发. DWZ框架基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化.一般做ajax项目时需要写大量的javascript才能达到满意的效果. 国内很多程序员javascript也不是太熟, 大大影响了开发速度. 使用DWZ就解决这一问题, 使用DWZ框架自动邦定javascript效果. 不需要开发人员去关心javascript怎么写. 只要写标准html就可以了.DWZ使用jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery插件的形式发布出来. 如有需要也可做定制化开发. 欢迎大家提出建议, 我们将在下一版本中进一步调整和完善功能．DWZ富客户端框架是开源项目, 可以免费获取源码. 希望有多的开发人员使用, 共同推进国内整体ajax开发水平.学习DWZ的建议有人说DWZ文档太少，入门不是很顺利。

建议大家可以按下面的步骤来学习DWZ框架：∙通读DWZ文档，很多新手提的问题文档中都写了。

∙看demo每个组件演示效果和代码（留意组件html结构）。

∙建议安装firebug，见附录一 firebug介绍。

∙对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js∙可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式DWZ区别于其它JS框架，最大的优点∙基于jQuery，完全开源，源码没有做任何混淆处理，方便扩展∙CSS和js代码彻底分离，修改样式方便∙简单实用，扩展方便，轻量级框架，快速开发∙仍然保留了html的页面布局方式∙HTML扩展方式调用UI组件，开发人员不需写js∙只要懂html语法不需精通js，就可以使用ajax开发后台设计思路∙第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不会占用界面相关的网络流量.∙支持HTML扩展方式来调用DWZ组件.∙设计目标是简单实用扩展方便.∙标准化Ajax开发, 降低Ajax开发成本.版权声明∙DWZ框架的源代码完全开放，在Apache License 2.0许可下, 可免费应用于个人或商业目的。

∙欢迎各大网站转载下载版本。

∙禁止把DWZ框架包装成类外一个UI框架出售。

DWZ研发组介绍DWZ研发组开发人员目前是3人（兼职）杜权从事UI设计工作，有10年UI设计经验。

吴平主要做Java web开发，兼ajax开发。

一直从事电子商务、企业建站平台开发工作。

张慧华主要做Java web开发，兼ajax开发。

以前也是电子商务、企业建站平台开发工作。

从2009年4月开始从事建筑能效评估IT解决方案。

以前我们做的大部份java项目都用了Ajax，项目开发过程中经常自己做一些UI组件和界面效果。

我们对RIA非常感兴趣，业余时间就做了DWZ富客户端框架。

DWZ框架中的UI组件都是从我们做过的大量web项目中总结出来的，都是一些非常实用的UI组件。

联系方式杜权(UI设计) msn:duqn@ QQ:8560685吴平(Ajax开发) msn:wupinggone@ QQ:465046815张慧华(Ajax开发) msn:zhanghuihua@ QQ:350863780DWZ QQ群 69611933HTML扩展支持HTML扩展方式来调用DWZ组件Ajax链接扩展<a href=”xxx”target=“ajax” [rel=“boxId”]>示例: <a href="w_alert.html" target="ajax" rel="container">提示窗口</a>当前navTab中链接ajax post扩展<a href="user.do?method=remove" target="navTabTodo">删除</a>或<a href="user.do?method=remove" target="navTabTodo" title="确定要删除吗?">删除</a>Title为可选项，如果设置，点击后将调用alertMsg.confirm与用户交互确认或取消，Title值为提示信息.Target值为navTabTodo时会自动关联如下JS。

$("a[target=navTabTodo]", jParent).each(function(){$(this).click(function(event){var $this = $(this);var title =$this.attr("title");if(title){alertMsg.confirm(title,{okCall:function(){navTabTodo($this.attr("href"));}});}else{navTabTodo($this.attr("href"));}event.preventDefault();});});dialog链接扩展<a href=”xxx”target=“dialog” [rel=“dialogId”]>A所指向页面将会在dialog 弹出层中打开，rel标识此弹出层的ID，rel为可选项。

Html标签扩展方式示例:<a href="w_dialog.html" target="dialog" rel="page2">弹出窗口</a>或<a class="button"href="demo_page1.html"target="dialog" [max=true, mask=true]rel="dlg_page1"title="[自定义标题]"width="800"height="480">打开窗口一</a>Max 属性表示此dialog打开时默认最大化, mask表示打开层后将背景遮盖. Width,height分别打开dialog时的宽度与高度．关闭窗口：在弹出窗口页面内放置<button class="close" value="关闭"></button>即可。

合集下载

TWS Users' Guide

TWS Users' Guide


TWS Users' Guide
3
入门简介
添加市场数据
添加市场数据
当 你 第 一 次 进 入 TWS%交 易 系 统 缩 写 %时 ， 将 看 到 一 个 带 有 若 干 行 样 本 数 据 的 样 本 报 价 显 示 屏 。 在 你 开 始交易某个资产之前，你会希望能够看到该资产的数据流。 一个市场数据行代表单个股票，并显示其 产品类型、定单目的地、询价和要价、以及其它定义属性。你可以直接在报价显示屏合约栏上输入一 个代码来添加一个市场数据行。
写) 都会看到相同的设置。 独立版本使用较少的内存，可能运行比较块，但欲使用包含新功能的版本，需要你下载每一个新版 本 。 下 载 到 你 PC的 说 明 ， 请 参 阅 网 站 上 的 安 装 说 明 页 面 。
从浏览器登录 1. 从 登 录 菜 单 ， 在 下 拉 列 表 中 选 取 交 易 平 台 。
TWS Users' Guide
11
入门简介
发送定单
发送多份定单 l 从交易菜单中选择发送，然后选择： l 发送选择的定单来递交你从当前页面上选择的定单 l 发送页面上所以定单来发送当前页面上所以的定单。 括号中的美元价值代表了页面上所以定单的 总价值。 l 发 送 所 有 定 单 来 发 送 TWS中 的 所 有 定 单 。
通过在合约区域输入交易所合约类别或合约代码来输入证券定义。 使用格式xxx.yyy在合约区域输 入外汇对。
添加市场数据到报价显示屏 1. 在 一 个 空 白 行 上 点 击 合 约 区 域 。 2. 输 入 一 个 底 层 代 码 ， 并 按 输 入 键 。 3. 在 交 易 屏 幕 上 的 选 择 列 表 中 选 取 一 个 资 产 类 型 。 对 要 求 过 期 日 期 信 息 的 资 产 ， 选 取 一 个 月 份 和 年 份，或选择全部来打开合约选择框。
DWZ使用问题解析01

DWZ使用问题解析01

DWZ使用问题解析01最近项目中要使用FreeMarker，DWZ等前端技术，所以会搜集一些相关文章，都是来自网上，供自己和大家查阅，以下是DWZ篇，不定时更新：由于DWZ文档比较多，所以不再介绍如何使用，详情可参考DWZ-JUI，上面有文档和视频。

此处主要介绍DWZ使用过程中的常见问题和解决方法，多数搜集于网上，在此留个备份以供大家参考。

1、DWZ获取Dom节点应注意的问题DWZ 核心就是通过Ajax 获取Html 片段，然后append到页面当中，这样就会出现一个问题，你在一个Html 片段中为一个节点添加的ID是唯一的，但是在整个页面中不一定是唯一的，比如你在一个dialog Html片段中一个Id是唯一的，但是你多次打开这个Dialog 并同时呈现在前台，那么这个ID就不是唯一的了，$("#id") 根据ID获取时就会出现 ID 冲突，获取不到真正想要的对象。

常规的解决方法：[javascript]view plaincopy1.$("#id",$.pdialog.getCurrent()) 根据id 获取当前dialog的dom节点2.$("#id",navTab.getCurrent()) 根据id 获取当前navTab的dom节点其实你根据其他的属性获取节点时也应该注意此问题。

你的属性设定的范围是整个前端页面，而不是一个HTML片段2、dwz.frag.xml 初始化问题有些人把demo 下载下来不能运行，可能是浏览器不支持javascript加载本地dwz.frag.xml文件(IE下就会报错)，改用火狐就可以了[javascript]view plaincopy1.$(function(){2.DWZ.init("dwz.frag.xml", {3.loginUrl:"login_dialog.html", loginTitle:"登录", // 弹出登录对话框4.// loginUrl:"login.html", // 跳到登录页面5.statusCode:{ok:200, error:300, timeout:301}, //【可选】6.pageInfo:{pageNum:"pageNum", numPerPage:"numPerPa ge", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】7.debug:false, // 调试模式【true|false】8.callback:function(){9.initEnv();10.$("#themeList").theme({themeBase:"themes"}); // the meBase 相对于index页面的主题base路径11.}12.});13.});首先 DWZ的使用和你开发使用的语言是没有关系的。

dwz使用的几个小问题问题

dwz使用的几个小问题问题

Dwz问题：1、局部刷新时样式丢失，DWZ提供两种局部刷新方式，一种是a标签，一种是在js里$('#doAtt_jbsxBox').loadUrl(url, data, function(message) {}其中$('#doAtt_jbsxBox')是为要显示数据的div的id。

举个例子<div><div> div2</div><div>div3</div></div>当触发div2的时候，和后台交互，使div3中填充上数据，那么当用loadUrl函数的时候会出现刷新过来的div3样式改变，解决办法是加上在回调函数中$('#doAtt_jbsxBox').parent().find("[layoutH]").layoutH();也就是$('#doAtt_jbsxBox').loadUrl(url, data, function(message) {$('#doAtt_jbsxBox').parent().find("[layoutH]").layoutH(); });因为点击div2里的元素触发事件的时候没有对加载过来的子div进行初始化，所以会使其样式丢失如果div2为navTab级别的div是可以的2、dwz文件上传问题<input id="add_stuFileInput"type="file"name="image"uploaderOption="{width: 80, height: 20,swf:'${pageContext.request.contextPath}/dwz/uploadify/scripts/uploadi fy.swf',uploader:'stuUpload_doUpload.action?stuId=${stuId }&imgPath=${stuPhot oPath }',buttonText:'请选择图片',fileSizeLimit:'200KB',fileTypeDesc:'*.jpg;*.jpeg;*.gif;*.png;',fileTypeExts:'*.jpg;*.jpeg;*.gif;*.png;',auto:true,multi:true,onUploadSuccess:uploadifySuccess}"/>黄色背景的就是上传中后台处理的路径，这里我没有去写onQueueComplete:uploadifyQueueComplete（上传成功之后弹出的那一串提示文字，个人认为主要功能就是用来提示吧。

DedeCMSV5.7标签手册

DedeCMSV5.7标签手册

基本语法
{dede:booklist row='12' booktype='-1' orderby='lastpost' author='' keyword=''} <a href='[field:bookurl /]'>[field:bookname /]</a><br /> {/dede:booklist}
基本语法
{dede:group row='6' orderby='threads' titlelen='30'} <li> <span><img style="visibility: inherit;" title="[field:groupname/]" src="[field:icon/]" /></span > <span><a href="[field:url/]" title="[field:groupname/]" target="_blank">[field:groupname/]</a> </span> </li> {/dede:group}
基本语法
{dede:feedback} <ul> <li class='fbtitle'>[field:username function="(@me=='guest' ? '游客' : @me)"/] 对 [field:titl e/] 的评论：</li> <li class='fbmsg'> <a href="plus/feedback.php?aid=[field:aid/]" class='fbmsg'>[field:msg /]</a> </li> </ul> {/dede:feedback}