DWZ富客户端框架

简单实用、扩展方便、快速开发、RIA思路、轻量级
posts - 13, comments - 109, trackbacks - 0, articles - 0
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

公告

DWZ-RIA v1.3 Final版发布

Posted on 2011-10-16 14:44 DWZ富客户端-jUI 阅读(...) 评论(...) 编辑 收藏

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="navTab-panel tabsPageContent">添加class“layoutBox”改成<div class="navTab-panel tabsPageContent layoutBox">
  • 然后更新js、css、dwz.frag.xml

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

suggest+lookup+主从结构文档

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

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

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

查找带回

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

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

请参照dwz-riademo/database/ db_widge.htmldemo/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-riademo/database/ db_widge.html

<table class="list nowrap itemDetail" addButton="新建从表1条目" width="100%">

<thead>

<tr>

      <th type="text" name="items.itemString" size="12" fieldClass="required">从字符串</th>

      <th type="text" name="items.itemInt" size="12" fieldClass="digits">从整数</th>

      <th type="text" name="items.itemFloat" size="12" fieldClass="number">从浮点</th>

      <th type="date" name="items.itemDate" size="12">从日期</th>

      <th type="date" format="yyyy-MM-dd HH:mm: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类型有textdatelookupenumattachdel

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

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

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

lookupGrouptype=”lookup” type=”attach”时必填

lookupUrltype=”lookup”lookupUrlsuggesUrl至少填一项,当type=”attach”时必填

suggestUrltype=”lookup”lookupUrlsuggesUrl至少填一项

suggestFieldstype=”lookup”并且有suggestUrl时必填

enumUrltype=”enum”时必填