jquery的dialog的closeTopics用法

来源：互联网发布：数据生成图表编辑：程序博客网时间：2024/05/17 02:02

当浏览jQuery的dialog标签时，可以找到closeTopics。

 定义：

Name

Required

Default

Evaluated

Description

closeTopics false false String A comma delimited list of topics to close the dialog. 使用：

新建一个dialog

<sj:dialog id="gotoDialog" autoOpen="false" modal="true" resizable="false" showEffect="slide" closeTopics="closeThisDialog" hideEffect="slide" title="转至"> <sj:a align="middle" ctype="label" id="mx172" tabindex="0" ev="PM" targetid="mx172" onclick="jumpto('MaxdriveContentFrame','web2department/adddepartment')" mxevent="click" class="text qil  " onCompleteTopics="closeThisDialog" style="display: block; cursor: pointer;"> 新建部门</sj:a> </sj:dialog>

使用该dialog

<sj:a openDialog="gotoDialog" button="false"> <span align="middle" ctype="label" id="mx43" tabindex="0" ev="goto" targetid="mx43" accesskey="G" class="text powerwhite goto  " style="display: block;; cursor: pointer;" title="Go To ALT+G "><img id="mx43_image" src="/images/icon/btn_goto.gif" class="pwimg" border="0" alt="Go To ALT+G" style="vertical-align: top; margin: 0px; margin-left: 3px; margin-right: 3px;"><span class="text hl hlak">转</span>至</span> </sj:a>

其中，

onclick="jumpto('MaxdriveContentFrame','web2department/adddepartment')"

是我在界面上写的小脚本，它会将内容板块跳转到新的内容

function jumpto(id, redirect) {var idObject = document.getElementById(id);if (idObject != null)idObject.src = "/" + redirect + ".action";}

因为是动态特效，所以，留下两张图片，是点击后的瞬间

图1

图2

关键点：

<sj:dialog …… closeTopics="closeThisDialog" >

<sj:a ……onCompleteTopics="closeThisDialog">