DWZ-RIA v1.3 Final版发布

来源: 投稿
2011-10-16 00:00:00

http://code.google.com/p/dwz/downloads/detail?name=dwz-ria-1.3Final.zip

Changelist:

1. 修复 combox 联动菜单重复发送 ajax 请求问题
2. 调整 layoutH=“xx”的高度根据含有 class=”layoutBox”的父容器 div 动态更新
3. 修复 navTab 打开外部页面和 iframe 方式打开时,浏览器前进后退问题

  • <a target="navTab" href="http://www.baidu.com">外部页面</a>
  • <a target="navTab" href="url" external=”true”>iframe 方式打开</a>

4. 调整 lookup、suggest,添加联动效果。自定义查找带回主键 lookupPk, 可选项默认为 id。
5. 添加多选查找带回 multLookup

6. 整理 lookup、suggest、主从结构文档,请参考1.3Final 版 dwz-ria/doc/dwz-user-guide.chm

升级注意:

  • index 页面中<div >添加 class“layoutBox”改成<div >
  • 然后更新 js、css、dwz.frag.xml

-----------------------------------------------------------------------------------------------------------------

suggest+lookup+ 主从结构文档

dwz.database.js 主要功能是数据库操作相关的界面组件。主要分为2部分,分别是查找带回和主从结构。

  • 查找带回:lookup、suggest、lookup 附件(文件上传带回)、多选查找带回 multLookup 几个 jQuery 插件,以及$.bringBack、$.bringBackSuggest 两个配套查找带回工具方法
  •  主从结构:itemDetail

suggest+lookup+ 主从结构请参照 demo:界面组件 à 常用组件 à suggest+lookup+ 主从结构

查找带回

lookup、suggest 都支持联动效果,比如类似选省份、城市联动效果。支持自定义查找带回主键 lookupPk, 可选项默认为 id。

lookup 通过复选框选择多个值查找回带示例:

请参照 dwz-ria 中 demo/database/ db_widge.html 和 demo/database/dwzOrgLookup2.html 页面

<button type="button" multLookup="orgId" warn="请选择部门">选择带回</button> <input type="checkbox" name="orgId" value="{id:'1', orgName:'技术部', orgNum:'1001'}"/> <input type="checkbox" name="orgId" value="{id:'2', orgName:'人事部', orgNum:'1002'}"/> <input type="checkbox" name="orgId" value="{id:'3', orgName:'销售部', orgNum:'1003'}"/>

主从结构

针对主表和从表的数据库结构设计,实现主从结构复合表单,动态添加、删除从表字段。

请参照 dwz-ria 中 demo/database/ db_widge.html

<table addButton="新建从表1条目" width="100%">   <thead>   <tr>       <th type="text" name="items.itemString" size="12" field>从字符串</th>       <th type="text" name="items.itemInt" size="12" field>从整数</th>       <th type="text" name="items.itemFloat" size="12" field>从浮点</th>       <th type="date" name="items.itemDate" size="12">从日期</th>       <th type="date" format="yyyy-MM-dd HH🇲🇲ss" name="items.itemDataTime" size="16">从日期时间</th>       <th type="lookup" name="dwz.items.org.orgName" lookupGroup="items.org" lookupUrl="xxxUrl" suggestUrl="xxxUrl" suggestFields="orgName" size="12">部门名称</th>       <th type="enum" name="items.itemEnum" enumUrl="xxxUrl" size="12">从枚举</th>       <th type="attach" name="dwz.items.attachment.fileName" lookupGroup="items.attachment" lookupUrl="xxxUrl" size="12">从附件</th>       <th type="del" width="60">操作</th>   </tr>   </thead>   <tbody></tbody> </table>

<table>标签中 class=”itemDetail” 必须用于关联主从结构 js 效果。addButton=”xxx”可选默认为”Add New”用来定义添加从表按钮的文字

<th>标签中:type 必填项,type 类型有 text、date、lookup、enum、attach、del

name 必填项,定义子表字段名称

size 可选项,默认 size=”12”,定义从表 input 字段的长度

fieldClass 可选项,用来定义表 input 字段的 class

lookupGroup 当 type=”lookup” 或 type=”attach”时必填

lookupUrl 当 type=”lookup”时 lookupUrl 和 suggesUrl 至少填一项,当 type=”attach”时必填

suggestUrl 当 type=”lookup”时 lookupUrl 和 suggesUrl 至少填一项

suggestFields 当 type=”lookup”并且有 suggestUrl 时必填

enumUrl 当 type=”enum”时必填

展开阅读全文
点击加入讨论🔥(18) 发布并加入讨论🔥
18 评论
5 收藏
分享
返回顶部
顶部