Mingcedar

所属产品: Mingcedar Studio DESIGNER

Open Page as Popup / Close Current Popup:弹窗打开与关闭 | Mingcedar Studio

打开行为放在主页面入口,关闭行为放在弹窗页内部;两者不改变主页面导航,并可通过页面参数和返回结果形成一次完整对话。

首次发布 最近更新

<section id="popup-actions" class="docs-block docs-block-intro docs-block-current"> <span class="section-kicker">弹窗</span> <h2>Open Page as Popup / Close Current Popup:弹窗打开与关闭</h2> <p>打开行为放在主页面入口,关闭行为放在弹窗页内部;两者不改变主页面导航,并可通过页面参数和返回结果形成一次完整对话。</p> <div class="docs-detail-list"> <article id="popup-actions-item-1" class="docs-detail-row"> <strong>Open Page as Popup 的三个主要选择</strong> <p>先选择 Popup page,再在 Appearance 中选择 Fit content 或 Full page canvas,然后在 Interaction 中设置下层页面操作、Esc 键和点击外部时的关闭方式。右侧 Enabled 控制此行为是否启用。</p> <ul> <li>Popup page:从当前 PPT 选择或输入已有导出 Page Code,不带 .html</li><li>Fit content:适配主要内容</li><li>Full page canvas:显示完整画布</li><li>Block the page behind:阻止操作下层页面</li><li>Esc closes the popup / Clicking outside closes it:配置关闭入口</li> </ul> </article><article id="popup-actions-item-2" class="docs-detail-row"> <strong>高级参数只处理动态需求</strong> <p>固定目标页可直接在主区选择。需要传参、动态指定 Page Code、设置背景或重复弹窗行为时,展开 Advanced options,按所用版本显示的字段配置,并在导出后验证效果。</p> <pre class="docs-code-block"><code>Page Code: motor_details

Page parameters: {&quot;motorId&quot;: 3}

Display: Fit page content

Modal: true</code></pre> </article><article id="popup-actions-item-3" class="docs-detail-row"> <strong>Close Current Popup 放在哪里</strong> <p>将 Close Current Popup 绑定到弹窗页内的 Close、Cancel、OK 或 Done 按钮。默认仅关闭弹窗;打开方需要接收结果时,勾选 Return data when this button is clicked (optional) 并配置返回值。此行为不写 Tag,也不跳转主页面。</p> </article><article id="popup-actions-item-4" class="docs-detail-row"> <strong>导出边界</strong> <p>弹窗页仍是画面包页面。新增、删除、重命名弹窗页,或修改其共享脚本和资源后,必须整包导出。只导出打开按钮所在页会造成运行端缺少目标页面或资源。</p> </article> </div> <div class="docs-note-grid"> <figure id="popup-actions-image-1" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/current-20261021/open-popup.png" alt="Open Popup 设置显示 Popup page、Appearance、Interaction 和 Enabled" loading="lazy" decoding="async"> <figcaption> <strong>Open Popup</strong> <p>选择弹窗页、显示方式和关闭策略;传参等设置位于 Advanced options。</p> </figcaption> </figure><figure id="popup-actions-image-2" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/current-20261021/close-popup.png" alt="Close Popup 设置显示 Enabled 和 Return data" loading="lazy" decoding="async"> <figcaption> <strong>Close Popup</strong> <p>默认关闭当前弹窗并保留下层页面;需要时勾选 Return data。</p> </figcaption> </figure> </div> </section>