![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DWZ
文章平均质量分 81
大z小z
滴水穿石,非一日之功
展开
-
DWZ学习笔记
概述DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级DWZ框架支持用html扩展的方式来代替javascript代码, 只要懂html语法, 再参考DWZ使用手册就可以做ajax开发. 开发人员不写javascript的情况下, 也能用aj...原创 2018-04-25 13:19:01 · 511 阅读 · 0 评论 -
DWZ的html简单演示
HTML扩展支持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="us原创 2018-04-25 14:08:32 · 536 阅读 · 0 评论 -
DWZ组件
navTab链接扩展示例:a href="url" target="navTab" >默认页面a>a href="url" target="navTab" rel="page1" title="自定义标签名" fresh="false">自定义页面a>a href="url" target="navTab" external="true">iframe方式打开a>原创 2018-04-25 15:13:41 · 425 阅读 · 0 评论 -
DWZ分页组件
分页组件分页思路服务器返回当前页的数据,总条数,再由js来生成分页标签。分页是配合服务器端来处理的, 不是存js做的分页。因为如果数据量很大,比如有好几百页,存js分页就是悲剧了,存js分页是必须一次载入所有数据,性能很慢。分页组件参数要由服务器传过来targetType,totalCount,numPerPage,pageNumShown,currentPage框架会自动把下面的form中pag...原创 2018-04-25 16:27:29 · 356 阅读 · 0 评论 -
DWZ日历控件
日历控件<input type="text" name="xxx" class="date" [dateFmt="yyyy-MM-dd"] [minDate="{%y-80}"] [maxDate="{%y+5}"]/>日期格式: * Field | Full Form | Short Form * -------------+-原创 2018-04-26 09:31:31 · 12956 阅读 · 0 评论 -
DWZ的url变量替换
url变量替换HTML扩展方式navTab, dialog, ajaxTodo 的url支持变量替换。例如:__URL__/edit/id/{xxx}大括号内的xxx就是变量名,主要功能是结合table组件一起使用,下面是dwz_thinkphp中用户列表的示例:下图中的删除、编辑、修改密码都是用了url变量替换: 删除、编辑、修改密码使用了变量{sid_user}<tbody>中&l...原创 2018-04-26 09:38:59 · 1109 阅读 · 0 评论 -
DWZ的几个常用组件
checkbox全选、反选checkbox全选、反选。(demo à 表单组件 à多选框/单选框)<label><input type="checkbox" name="c1" value="1" />选择1</label><label><input type="checkbox" name="原创 2018-04-26 10:55:18 · 1121 阅读 · 0 评论 -
DWZ的Ajax表单
Ajax表单Ajax表单相关的操作封装在dwz.ajax.js中。表单查询、分页、表单提交js方法都已经封装在里面了。开发人员自己不需写js,按标准使用就可以了。表单查询DWZ中定义表单查询和分页都是用这个pagerForm来临时存查询条件。所以需要在查询页面上放下面的form<form id="pagerForm" action="xxx" method="post"> ...原创 2018-04-26 14:24:28 · 640 阅读 · 0 评论 -
DWZ的文件上传表单提交
文件上传表单提交因为Ajax不支持enctype="multipart/form-data" 所以用隐藏iframe来处理无刷新表单提交. <form method="post" action="url" class="pageForm required-validate" enctype="multipart/form-data" onsubmit="return iframeCa原创 2018-04-26 14:29:30 · 1154 阅读 · 0 评论