如何在js调用pageoffice组件 window

 我来答

2个回答

#热议# 空调使用不当可能引发哪些疾病？

育知同创教育
2016-03-23 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

window下在js调用pageoffice组件：
第一步：拷贝文件到WEB项目的“WEB-INF/lib”目录下。拷贝PageOffice示例中下的“WEB-INF/lib”路径中的pageoffice.cab和pageoffice.jar到新建项目的“WEB-INF/lib”目录下。
第二步：修改WEB项目的配置文件。将如下代码添加到配置文件中：

<servlet>
<servlet-name>poserver</servlet-name><servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/poserver.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/pageoffice.cab</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/popdf.cab</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/sealsetup.exe</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>adminseal</servlet-name>
<servlet-class>com.zhuozhengsoft.pageoffice.poserver.AdminSeal
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/adminseal.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/loginseal.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/sealimage.do</url-pattern>
</servlet-mapping>
<mime-mapping>
<extension>mht</extension>
<mime-type>message/rfc822</mime-type>
</mime-mapping>
<context-param>
<param-name>adminseal-password</param-name>
<param-value>123456</param-value>
</context-param>

第三步：添加引用。在WEB项目的WebRoot目录下添加动态页面Word.jsp。在该页面后台代码中
添加自定义标签库：“<%@ taglib uri="http://java.pageoffice.cn" prefix="po"%>”
引入PageOffice类库：“<%@page import=” com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*”%>”。
在HTML的<body>中添加PageOffice引用：
“<po:PageOfficeCtrl id="PageOfficeCtrl1"></po:PageOfficeCtrl>”，并设置控件所在层（<div></div>）的高和宽。
再在<body>中添加两个文本框，用于输入书签名称和书签文本内容，部分如下：
插入书签时，请先输入要插入的书签名称和文本；删除书签时，请先输入相应的书签名称！<label>书签名称：</label>
<inputid="txtBkName"type="text"value="test"/>
<label>书签文本：</label>
inputid="txtBkText"type="text"value="[测试]"/>
第四步：WordAddBKMK.jsp后台编写代码。打开Word文件，部分代码如下：
//*******************卓正PageOffice组件的使用***********************
PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);
poCtrl1.setServerPage("poserver.do"); //此行必须
//添加自定义按钮
poCtrl1.addCustomToolButton("插入书签","addBookMark",5);
poCtrl1.addCustomToolButton("删除书签","delBookMark",5);
poCtrl1.webOpen("doc/template.doc", OpenModeType.docNormalEdit, "张三");
poCtrl1.setTagId("PageOfficeCtrl1"); //此行必须
然后在HTML页面添加JS函数，代码如下：
var range;
function addBookMark()
{
var obj = document.getElementById("PageOfficeCtrl1").Document;
var bkName = document.getElementById("txtBkName").value;
var bkText = document.getElementById("txtBkText").value;
range = obj.Application.Selection.Range;
range.Text = bkText;
obj.Bookmarks.Add(bkName, range);
obj.Bookmarks(bkName).Select();
}

function delBookMark()
{
var bkName = document.getElementById("txtBkName").value;
var obj = document.getElementById("PageOfficeCtrl1").Document;
range = obj.Application.Selection.Range;
if(obj.Bookmarks.Exists(bkName)){
obj.Bookmarks(bkName).Select();
obj.Application.Selection.Range.Text = "";
}
}