`
qieyi28
  • 浏览: 158314 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

dwz关闭当前dailog窗口

 
阅读更多

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

    【标题】"dwz-demo-1.1.6RC1.zip_DEMO_dwz php_dwz-demo_dwz-ria_php dwz" 指的是一个基于PHP的开源前端框架dwz的演示版本,版本号为1.1.6RC1。这个压缩包包含了一个名为“dwz-demo”的项目,是用于展示和学习dwz...

    DWZ帮助文档 PDF版

    2. Ajax链接扩展:DWZ支持在当前页面的navTab中使用Ajax链接,允许开发者通过Ajax方式更新页面内容,而不必重新加载整个页面。 3. 组件扩展:DWZ提供了Tab组件、Accordion组件、Table组件等多种UI组件的扩展,帮助...

    thinkphp3_dwz

    标题“thinkphp3_dwz”指的是一个基于ThinkPHP 3.0框架与DWZ UI集成的项目,主要用于实现角色管理功能。在Web开发中,ThinkPHP是一个流行的PHP框架,而DWZ(Dynamic Web Zone)是一个前端jQuery UI框架,提供了一...

    dwz - 简单实用国产jQuery UI框架 - DWZ富客户端框架(jUI)

    DWZ(Design What You Want)是一款基于jQuery的国产富客户端框架,主要针对Web应用的界面设计和交互体验,被称作“jUI”。这个框架旨在简化网页开发过程,提供了一系列组件和工具,使得开发者能够快速构建功能丰富...

    DWZ中文开发手册

    - **Dialog**:对话框组件,用于弹出窗口交互。 - **Panel**:面板组件,可用于构建模块化界面。 - **Calendar**:日期选择器,为日期时间输入提供便利。 - **Uploadify**:多文件上传组件,支持拖拽上传等多种交互...

    dwz demo按列

    - **UI组件**:DWZ提供了诸如表格、下拉菜单、弹出窗口、日期选择器等常见的Web UI元素,它们都经过优化,能够提供良好的用户体验。 - **Ajax支持**:通过Ajax技术,DWZ可以实现页面无刷新更新,提高用户交互性。 ...

    dwz框架官网实例

    **DWZ框架详解** DWZ,全称是“Design for Web Zen”,是一个基于Ajax技术的开源JavaScript框架,专为Web应用程序设计,旨在提高用户体验和开发效率。DWZ框架结合了前端UI设计和后端交互,提供了丰富的组件和便捷的...

    dwz框架 asp.net mvc3

    【标题】:“DWZ框架与ASP.NET MVC3的结合应用” 【内容】 DWZ框架,全称为“Dynamic Web Zone”,是一款基于JavaScript的前端UI框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、...

    DWZ文件+文档

    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...

    dwz实例demo

    6. **对话框与弹出层**:DWZ的对话框和弹出层功能允许开发者创建可复用的弹出窗口,用于提示信息、确认操作或展示详细内容。 7. **资源管理**:DWZ对CSS和JavaScript资源进行了优化管理,包括压缩、合并和缓存,以...

    DWZ使用帮助文档

    - **当前navTab中的链接Ajaxpost扩展**: 实现在当前导航选项卡中发送Ajax请求的功能。 - **Dialog链接扩展**: 用于弹出对话框的链接扩展。 - **NavTab链接扩展**: 用于创建新的导航选项卡或在现有选项卡中加载内容的...

    DWZ资源合集

    【DWZ资源合集】是针对DWZ框架的一份综合性的资源集合,包含了用户指南以及相关的项目源码。DWZ,全称为“Dynamic Web Zone”,是一个基于jQuery的前端UI库,专为中国的Web开发者设计,旨在提供一套高效、简洁、易用...

    DWZ开源框架免费

    2. **丰富的UI组件**:框架内包含了多种常见的前端控件,如表格、表单、弹出窗口、下拉菜单、树形结构等,这些组件经过优化,易于使用且功能强大。 3. **Ajax无刷新交互**:DWZ强调页面的无刷新更新,通过Ajax技术...

    DWZ富客户端框架dwz-ria-1.4.6

    DWZ富客户端框架dwz-ria-1.4.6是一款专为开发高效、美观的Web应用程序而设计的后台框架。这款框架集成了多种技术,旨在简化开发过程,让开发者无需深入理解AJAX和jQuery等复杂技术,也能快速构建出与专业级应用相...

    DWZ编程框架

    4. **丰富的UI组件**:包括下拉菜单、按钮、分页、弹出窗口、时间选择器等,这些组件都是经过精心设计,具有良好的视觉效果和交互体验。 5. **强大的表单处理**:DWZ内置了表单验证和提交机制,可以方便地处理用户...

    dwz开源web界面框架

    学习DWZ的建议 •通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于...

    dwz学习文档教程

    ### DWZ富客户端框架知识点详解 #### 概述 **DWZ富客户端框架**是一款由中国人自主开发的、基于jQuery的Ajax RIA(Rich Internet Applications)开源框架。该框架的设计初衷在于提供一种简单实用、易于扩展、便于...

    jqgird dwz 框架扩展

    **jqGrid和DWZ框架扩展详解** 在Web开发领域,jqGrid和DWZ框架是两个常用的工具,它们分别用于数据展示和页面构建。本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **...

    dwz时间控件

    autoclose: true // 自动关闭选择器 }); }); ``` #### 五、兼容性和性能优化 - **兼容性**:确保控件在各种浏览器中都能正常工作,包括IE、Chrome、Firefox等。 - **性能优化**:减少DOM操作次数,避免使用过于...

Global site tag (gtag.js) - Google Analytics