用户在使用PageOffice在线编辑文档的操作过程中，如果遇到一些复杂的编辑需求，可能会需要弹出一个新的对话框，做相应的处理，可能是设置一些格式，就如同Office设置字体、段落等各种对话框，也可能是填充一些内容到文档中，就如同插入书签、艺术字等各种对话框，PageOffice针对此需求提供了弹出模态和非模态两种网页对话框的方法，分别是ShowHtmlModalDialog和ShowHtmlModelessDialog，模态和非模态对话框的唯一区别就是模态对话框弹出后，用户就不能对父窗口做任何操作了，当然也就无法编辑文件，而非模态对话框就不会有这样的限制，开发人员可以根据实际需求选择使用。

在使用弹出网页对话框功能时，必须解决网页对话框与父窗口交互的几个问题，包括：

  • 父窗口给弹出的网页对话框传递参数
  • 网页对话框调用父窗口函数
  • 网页对话框给父窗口传递参数
  • 网页对话框调用父窗口函数获取返回值
  • 网页对话框调用父窗口中的PageOffice

由于ShowHtmlModalDialog和ShowHtmlModelessDialog的参数和调用方法都是完全相同的，为了简单起见，本文就以ShowHtmlModelessDialog方法为例，介绍一下弹出网页对话框的使用方法。

  1. 父窗口给弹出的网页对话框传递参数很简单，只需要在执行ShowHtmlModelessDialog方法弹出对话框的时候给第二个参数传递一个字符串，在弹出的网页对话框中使用window.external.UserParams就可以获取到这个字符串参数值。

  2. 在网页对话框中调用父窗口函数、给父窗口传递参数、获取返回值等功能，可以使用网页对话框提供的内置js函数CallParentJSFunc一起实现。

  3. 为了便于开发人员实现网页对话框与父窗口PageOffice的交互，PageOffice提供的网页对话框中的 js 对象内置引用了父窗口中的pageofficectrl对象，所以在弹出的网页对话框中直接 js 调用pageofficectrl对象就可以控制父窗口中的PageOffice和操作文档。

前端代码

  1. 父窗口的HTML代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >

<html>

<head>

<script type="text/javascript">

    var count = 0;

    // 给弹出的网页对话框准备的调用函数

    function updateCount(value) {

        count = count + value;

        document.getElementById("Text1").value = count;

        return count.toString();

    }

    function ShowModelessDlg() {

      // 弹出网页对话框，并通过第二个参数传递字符串数据：123456

      pageofficectrl.ShowHtmlModelessDialog("Modeless.html", "123456", "width=560px;height=410px;");

    }

    function OnPageOfficeCtrlInit() {

      pageofficectrl.AddCustomToolButton("弹出非模态窗口", "ShowModelessDlg()", 0);

    }

</script>

</head>

<body>

<div>

	js变量count=<input id="Text1" type="text" value="0"/>

</div>

<div style=" width:auto; height:95vh;">

    PageOffice组件代码

</div>

</body>

</html>
  1. 弹出网页对话框Modeless.html代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

  <title>Modeless</title>

  <meta http-equiv="cache-control" content="no-cache">

  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <script type="text/javascript">

	// 1. 获取ShowHtmlModelessDialog方法的第二个参数的字符串值：123456

	var paramStr = window.external.UserParams;

	function test(num){

		// 2. 调用父窗口的updateCount函数，并传递参数

		CallParentJSFunc({

			func: "updateCount("+num+")",

			success: function (strRet) {

				// 调用成功，获取updateCount返回值

				document.getElementById('msg').innerText = "父窗口updateCount函数返回值 :"+strRet;

			}

		});

	}

	function test2(){

		// 3. 直接调用pageofficectrl对象，给Word当前光标位置添加字符串文本

		pageofficectrl.word.SetTextToSelection('--来自非模态对话框的文本--');

	}

  </script>

</head>

<body>

  <h3>这是一个非模态网页对话框</h3>

  <p> 此窗口弹出之后，用户仍然可以操作父窗口和编辑Word文件。</p>

  <p> 父窗口执行ShowHtmlModelessDialog时传递过来的参数：<span id="span1" ></span></p>

  <p> 点击下面按钮可以与父窗口进行交互操作。</p>

  <ul>

    <li>

      通过CallParentJSFunc调用父窗口js函数updateCount：<br />

      <input type="button" value="Count 加 1" onclick="test(1)" />

      <span id="msg" ></span>

    </li>

    <li>

      直接调用父窗口pageofficectrl对象：(<span style="color:red;">点击后，注意word内容变化</span>)<br />

      <input type="button" value="插入文本到Word" onclick="test2()" />

    </li>

  </ul>

  <script type="text/javascript">

    document.getElementById('span1').innerText = paramStr;

  </script>

</body>

</html>

参考链接：弹出网页对话框

pageoffice6 版本在线打开文件弹出网页对话框的更多相关文章

  1. JS 弹出网页 (不显示地址栏,工具栏) 网页去掉地址栏

    JS 弹出网页 (不显示地址栏,工具栏) 网页去掉地址栏 window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法: ...

  2. JS弹出下载对话框以及实现常见文件类型的下载

    写在前面 JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能. ...

  3. Visual Studio2012打开时弹出“遇到异常：这可能是由某个扩展导致的”错误的解决办法

    Visual Studio2012打开时弹出"遇到异常:这可能是由某个扩展导致的"错误的解决办法: 具体问题如下: 分析原因:网上搜集了以下,出现异常的原因是安装了第三方控件,然后 ...

  4. CEfSharp下载文件 弹出保存框，实现 IDownloadHandler 接口

    上节讲了如何将CefSharp集成到C#中,但集成后将web界面链接进ChromiumWebBrowser后,但web界面上下载附件的功能不好使咯. 百度了半天还是没搞定,只能去看官网的Excampl ...

  5. 第九篇 -- 可以上网，连WIFI弹出网页

    最近在调试WIFI模块时,程序路径没走对,导致运行了其他的函数,修改了配置文件,之后每次连接WIFI时都会弹出网页,并且明明可以上网,下面电脑符号那儿还会出现黄标,甚是心烦.上网搜索一番,终是解决了. ...

  6. 由于想要实现下载的文件可以进行选择，而不是通过<a>标签写死下载文件的参数，所以一直想要使用JFinal结合ajax实现文件下载，但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框，这里通过模拟表单提交实现同样的效果。

    由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...

  7. 打开Office2007弹出“向程序发送命令时出现问题” 解决方案

    打开Office2007弹出“向程序发送命令时出现问题” 解决方案,试了很多方案,最终还是这种方法帮我解决了问题,分享下,以下地址便是: http://club.excelhome.net/threa ...

  8. firefox下载文件弹出框之终极解决方案-vbs模拟键盘操作

    由于近期一直被firefox的保存文件弹出框困扰,摸索尝试过几种方法,已有的方法可以跑通但是对对效果不太满意,因此一直在寻找合适的解决办法. 最近发现了也可以通过VBS来处理弹出框,速度也不错,其原理 ...

  9. 使用CEfSharp之旅（3）下载文件 弹出保存框 IDownloadHandler

    原文:使用CEfSharp之旅(3)下载文件 弹出保存框 IDownloadHandler 版权声明:本文为博主原创文章,未经博主允许不得转载.可点击关注博主 ,不明白的进群191065815 我的群 ...

  10. [c/c++] programming之路（2）、kill QQ，弹出系统对话框，吃内存等

    一.删除文件 二.盗取密码的原理 #include<stdlib.h> //杀掉QQ,然后提示网络故障,请重新登陆,弹出高仿界面,获取账号密码,然后打开QQ进行登录 void main() ...

随机推荐

  1. #最小生成树,Trie#CF888G Xor-MST

    题目 给定 \(n\) 个结点的无向完全图.每个点有一个点权为 \(a_i\) . 连接 \(i\) 号结点和 \(j\) 号结点的边的边权为 \(a_i\oplus a_j\) . 求这个图的 MS ...

  2. 使用OHOS SDK构建googletest

    参照OHOS IDE和SDK的安装方法配置好开发环境. 从github下载源码. 执行如下命令: git clone --depth=1 https://github.com/google/googl ...

  3. K8s技术全景：架构、应用与优化

    本文深入探讨了Kubernetes(K8s)的关键方面,包括其架构.容器编排.网络与存储管理.安全与合规.高可用性.灾难恢复以及监控与日志系统. 关注[TechLeadCloud],分享互联网架构.云 ...

  4. centos部署Django三：编写相关配置文件及启动服务

    1. 进入到项目的根目录,编写 uwsgi.xml 配置文件 *:centos用的不是 uwsgi.ini,而是 uwsgi.xml <uwsgi> <socket>127.0 ...

  5. 最新CAMX-python融合技术应用与大气污染来源解析方法

    大气污染问题既是局部.当地的,也是区域的,甚至是全球的.本地的污染物排放除了对当地造成严重影响外,同时还会在动力输送作用下,极大地影响下风向地区的大气环境状况.数值模式模拟是分析大气污染物时空分布和成 ...

  6. 并发系列64章(TPL 数据流（二）)第八章

    前言 续第七章. 正文 数据流块的并行处理 数据流块在网格上本身就是并行的,为什么这么说呢? 加入有两个数据库,他们链接在一起,然后给他们post数据. 当数据流块一在运行的时候,数据流块二也在执行, ...

  7. 开源在线表单工具 HeyForm 使用教程

    HeyForm 是一个非常出色的开源在线表单工具,可以通过直观的拖拽式编辑器,快速构建出美观实用的表单. HeyForm 的功能非常丰富: 支持丰富的输入类型,从基础的文本.数字到高级的图片选择.日期 ...

  8. gRPC入门学习之旅（七）

    gRPC入门学习之旅(一) gRPC入门学习之旅(二) gRPC入门学习之旅(三) gRPC入门学习之旅(四) gRPC入门学习之旅(五) gRPC入门学习之旅(六) 3.6.创建gRPC的桌面应用客 ...

  9. 如何把jQuery对象转成DOM对象？OR DOM对象转化成jQuery对象

    如何把jQuery对象转成DOM对象? 参考:https://www.imooc.com/code/8110 利用数组下标的方式读取到jQuery中的DOM对象 <div>元素一</ ...

  10. 力扣67(java)-二进制求和（简单）

    题目: 给你两个二进制字符串,返回它们的和(用二进制表示). 输入为 非空 字符串且只包含数字 1 和 0. 示例 1: 输入: a = "11", b = "1&quo ...