手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第1/2页
javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第1/2页
摘要:最近有需求将数据导出到word里,然后编辑打印。想过几种方案:1.使用jacob。2.使用apache的poi。3.使用itext。由于时间...

最近有需求将数据导出到word里,然后编辑打印。

想过几种方案:

1.使用jacob。

2.使用apache的poi。

3.使用itext。

由于时间比较紧,没多的时候去学习研究上述工具包,现在用javascript操作ActiveXObject控件,用替换word模板中的书签方式解决。

前提条件:

1.浏览器安全级别降低,可以使用ActiveXObject控件。

2.装有officeword。

目前实现了替换单个书签,多行表格书签,和图片,基本上满足需求。不过还有很多操作word的使用方法不太清楚,网上大部分都使用的VB,有不清楚的地方,大家可以交流。

下面说一下我的设计实现思路:

首先当然是定义word模板,在需要替换的地方加上标签。菜单-插入-书签,输入属性名,如year,date,pic1,voList等等。

打印页面:

需要把打印的数据从后台取出,以单个vo(一个对象)为一组,或以voList(对象的列表集合)为一组组织好页面上再得到这些数据后进行替换。

数据组织形式如下:

<divid="export2word">

<formid="singleVo"name="singleVo">

<textareaname="jcxcrs"style="display:none"><c:outvalue="${zywstjfxbgVO.jcxcrs}"/></textarea>

<textareaname="xcjhl"style="display:none"><c:outvalue="${zywstjfxbgVO.xcjhl}"/></textarea>

<textareaname="tbjcxcrs"style="display:none"><c:outvalue="${tbjcxcrs}"/></textarea>

<textareaname="tptest"style="display:none">../zwgl/zw008-ZwMkjbxxCTRL-showWxytp.png?xh=3041</textarea>

</form>

<c:forEachvar="mxvo"items="${jgList}"varStatus="s">

<formname="mxvoForm">

<>

<textareaname="tbjcmcrs"style="width:349;display:none"><c:outvalue="${mxvo.tbjcmcrs}"/></textarea>

<textareaname="tbjcmcrsbl"style="width:270;display:none"><c:outvalue="${mxvo.tbjcmcrsbl}"/></textarea>

<textareaname="tbjcxcrs"style="width:477;display:none"><c:outvalue="${mxvo.tbjcxcrs}"/></textarea>

<textareaname="tbjcxcrsbl"style="display:none"><c:outvalue="${mxvo.tbjcxcrsbl}"/></textarea>

</form>

</c:forEach>

</div>

使用:

<inputtype="button"id="select2"name="select2"class="button"value="导出数据"onclick="print2doc();">

<scripttype="text/javascript"src="../public/scripts/export2word.js"></script>

<scripttype="text/javascript">

functionprint2doc(){

//参数为模板(与页面的相对)路径

varword=newWordApp("test.doc");

//参数为form名,vo中需要添加的属性(为空时form里所有属性)

varvo=word.getSingleVo("singleVo",["jcxcrs","xcjhl","tbjcxcrs"]);

//varvo=word.getSingleVo("singleVo");

//组织成的图片vo

vartpvo=word.getSingleVo("singleVo",["tptest"]);

//参数为form名,需要添加的属性(顺序为生成表格列的顺序,为空时form里的所有属性和顺序)

varvoList=word.getVoList("mxvoForm",["tbjcmcrs","tbjcmcrsbl","tbjczsrs"]);

//varvoList=word.getVoList("mxvoForm");

//替换普通书签

word.replaceBookmarkUsevo(vo);

//替换图片书签

word.replaceBookmarkUsepicvo(tpvo);

//替换书签jgList,画出表格形成多行数据。

word.replaceBookmarkUsevolist("jgList",voList);

//文档可见

word.wordObj.visible=true;

//word.closeApp();

}

</script>

注意:

替换图片的值需要解释一下:

1.可以设为相对本页面的路径如../zbgl/abc.png

2.如果是输出流,则需要把请求输出流的url映射成以图片格式结尾的。如/.../abc.do?id=123换成/../abc.png?id=123

可以在web.xml里配一个servlet,如以*.png的请求转成.do的。如:

publicclassPngDispatcherServletextendsHttpServlet{

privatestaticfinallongserialVersionUID=6230740581031996144L;

publicvoidinit()throwsServletException{

}

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throws

ServletException,IOException{

doGet(request,response);

}

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throws

ServletException,IOException{

//StringBufferurl=request.getRequestURL();

StringBufferurl=newStringBuffer(request.getRequestURI());

if(request.getQueryString()!=null){

url.append('?');

url.append(request.getQueryString());

}

StringnewUrl=url.toString().replaceAll(".png",".do");

ServletContextsc=getServletContext();

RequestDispatcherrd=sc.getRequestDispatcher(newUrl);//定向的页面

rd.forward(request,response);

}

}

当前1/2页12下一页阅读全文

【javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第1/2页】相关文章:

对联广告

Javascript中的Prototype到底是什么

javascript相关事件的几个概念

AngularJS中使用HTML5手机摄像头拍照

Javascript高级应用:文件操作篇

判断是否输入完毕再激活提交按钮

javascript实现在网页任意处点左键弹出隐藏菜单的方法

Javascript 小技巧全集第1/4页

javascript使用Promise对象实现异步编程

Email地址加密javascript版

精品推荐
分类导航