dwz 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 href="demo_page1.html" target="dialog" [max=true, mask=true, maxable=true, minable=true, resizable=true,drawable=true] rel="dlg_page1" title="[自定义标题]" width="800" height="480">打开窗口一</a>
Max 属性表示此dialog打开时默认最大化, mask表示打开层后将背景遮盖. maxable: dialog 是否可最大化,
minable: dialog 是否可最小化,
mixable: dialog 是否可最大化
resizable: dialog 是否可变大小
drawable: dialog 是否可拖动
width: dialog 打开时的默认宽度
height: dialog 打开时默认的高度
width,height分别打开dialog时的宽度与高度.
fresh: 重复打开dialog时是否重新载入数据,默认值true,
close: 关闭dialog时的监听函数,需要有boolean类型的返回值,
param: close监听函数的参数列表,以json格式表示,例{msg:’message’}
关闭窗口:
在弹出窗口页面内放置<button value="关闭"></button>即可。
JS调用方式示例:
$.pdialog.open(url, dlgId, title);
或
$.pdialog.open(url, dlgId, title, options);
options:{width:100px,height:100px,max:true,mask:true,mixable:true,minable:true,resizable:true,drawable:true,fresh:true,close:”function”, param:”{msg:’message’}”}, 所有参数都是可选项。
关闭dialog层:
$.pdialog.close(dialog); 参数dialog可以是弹出层jQuery对象或者是打开dialog层时的dlgId.
或者
$.pdialog.closeCurrent(); 关闭当前活动层。
$.pdialog.reload(url,data,dlid) 刷新dlid指定的dialog,url:刷新时可重新指定加载数据的url, data:为加载数据时所需的参数。
分享到:
相关推荐
【标题】"dwz-demo-1.1.6RC1.zip_DEMO_dwz php_dwz-demo_dwz-ria_php dwz" 指的是一个基于PHP的开源前端框架dwz的演示版本,版本号为1.1.6RC1。这个压缩包包含了一个名为“dwz-demo”的项目,是用于展示和学习dwz...
2. Ajax链接扩展:DWZ支持在当前页面的navTab中使用Ajax链接,允许开发者通过Ajax方式更新页面内容,而不必重新加载整个页面。 3. 组件扩展:DWZ提供了Tab组件、Accordion组件、Table组件等多种UI组件的扩展,帮助...
标题“thinkphp3_dwz”指的是一个基于ThinkPHP 3.0框架与DWZ UI集成的项目,主要用于实现角色管理功能。在Web开发中,ThinkPHP是一个流行的PHP框架,而DWZ(Dynamic Web Zone)是一个前端jQuery UI框架,提供了一...
DWZ(Design What You Want)是一款基于jQuery的国产富客户端框架,主要针对Web应用的界面设计和交互体验,被称作“jUI”。这个框架旨在简化网页开发过程,提供了一系列组件和工具,使得开发者能够快速构建功能丰富...
- **Dialog**:对话框组件,用于弹出窗口交互。 - **Panel**:面板组件,可用于构建模块化界面。 - **Calendar**:日期选择器,为日期时间输入提供便利。 - **Uploadify**:多文件上传组件,支持拖拽上传等多种交互...
- **UI组件**:DWZ提供了诸如表格、下拉菜单、弹出窗口、日期选择器等常见的Web UI元素,它们都经过优化,能够提供良好的用户体验。 - **Ajax支持**:通过Ajax技术,DWZ可以实现页面无刷新更新,提高用户交互性。 ...
**DWZ框架详解** DWZ,全称是“Design for Web Zen”,是一个基于Ajax技术的开源JavaScript框架,专为Web应用程序设计,旨在提高用户体验和开发效率。DWZ框架结合了前端UI设计和后端交互,提供了丰富的组件和便捷的...
【标题】:“DWZ框架与ASP.NET MVC3的结合应用” 【内容】 DWZ框架,全称为“Dynamic Web Zone”,是一款基于JavaScript的前端UI框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、...
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...
6. **对话框与弹出层**:DWZ的对话框和弹出层功能允许开发者创建可复用的弹出窗口,用于提示信息、确认操作或展示详细内容。 7. **资源管理**:DWZ对CSS和JavaScript资源进行了优化管理,包括压缩、合并和缓存,以...
- **当前navTab中的链接Ajaxpost扩展**: 实现在当前导航选项卡中发送Ajax请求的功能。 - **Dialog链接扩展**: 用于弹出对话框的链接扩展。 - **NavTab链接扩展**: 用于创建新的导航选项卡或在现有选项卡中加载内容的...
【DWZ资源合集】是针对DWZ框架的一份综合性的资源集合,包含了用户指南以及相关的项目源码。DWZ,全称为“Dynamic Web Zone”,是一个基于jQuery的前端UI库,专为中国的Web开发者设计,旨在提供一套高效、简洁、易用...
2. **丰富的UI组件**:框架内包含了多种常见的前端控件,如表格、表单、弹出窗口、下拉菜单、树形结构等,这些组件经过优化,易于使用且功能强大。 3. **Ajax无刷新交互**:DWZ强调页面的无刷新更新,通过Ajax技术...
DWZ富客户端框架dwz-ria-1.4.6是一款专为开发高效、美观的Web应用程序而设计的后台框架。这款框架集成了多种技术,旨在简化开发过程,让开发者无需深入理解AJAX和jQuery等复杂技术,也能快速构建出与专业级应用相...
4. **丰富的UI组件**:包括下拉菜单、按钮、分页、弹出窗口、时间选择器等,这些组件都是经过精心设计,具有良好的视觉效果和交互体验。 5. **强大的表单处理**:DWZ内置了表单验证和提交机制,可以方便地处理用户...
学习DWZ的建议 •通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于...
**jqGrid和DWZ框架扩展详解** 在Web开发领域,jqGrid和DWZ框架是两个常用的工具,它们分别用于数据展示和页面构建。本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **...
【标题】"基于DWZ富客户端框架的ssh2的项目 dwz4j"是一个整合了SSH2(Spring、Struts2、Hibernate)三大框架与DWZ富客户端框架的Web应用程序项目。DWZ富客户端框架(DWZ UI Framework)是专为开发人员提供的一种轻量...