彩票走势图

WebOffice初学者使用教程:调用WebBrowser智能窗实现跨浏览器

翻译|使用教程|编辑:杨鹏连|2021-05-24 10:52:14.797|阅读 619 次

概述:本文档全面介绍WEB前端如何集成WebOffice控件,通过Javascript编程实现控件功能接口的调用,达到解决Web项目需求的目的,掌握此前端设计后将会理解WebOffice以View层的解决方案从而适合任意Web项目架构。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

WebOffice控件是国内领先的在线编辑Office文档软件,软件产品从1998年立项至今已有20多年历史,期间服务了众多大中小型企业、各级政府机关、科研机构和学校等事业单位。通过WebOffice软件可以让用户方便从远程直接打开Word,Excel,Ppt等文档编辑后再次保存至服务器原位置,实现远程编辑文档、远程保存,为用户在线办公开创新式、便捷的使用体验。

WebOffice文档控件(标准版永久授权)原价8000元,现活动优惠价只需7846元 >>查看其他版本

点击下载WebOffice正式版

相关内容推荐:

WebOffice 使用教程>>>

WebOffice使用教程:WebOffice常用API接口在线参考手册(一)>>>

WebOffice使用教程:WebOffice常用API接口在线参考手册(二)>>

WebOffice使用教程:WebOffice常用API接口在线参考手册(三)>>

WebOffice使用教程:WebOffice常用API接口在线参考手册(四)>>

WebOffice初学者使用教程:Javascript编程原理(一)>>

WebOffice初学者使用教程:宏编程与JavaScript编码的转换>>

三、调用WebBrowser智能窗实现跨浏览器
    目前市场上Chrome和FireFox浏览器占有很大的份额,用户的电脑上同时安装了多个浏览器的情况是极为普遍的现象,并且很多用户喜欢和习惯使用Chrome浏览器,大部分的网站也以Chrome和Firefox浏览器为标准布局自己的网站页面,所以用户使用Chrome或Firefox看到的网页是最漂亮的,如果让用户在使用包含有在线文档处理功能的Web项目时必须用IE浏览器,那么Web项目的推行阻力是很大的。如果使用新版WebOffice,那么用户可以保持使用Chrome和FireFox的习惯,Web项目的推行完全不受浏览器的制约和影响。

不同的浏览器针对JavaScript的onunload,onbeforeunload事件互不兼容的问题。WebBrowser提供了浏览器关闭的事件,可以保证在浏览器关闭的时候一定会触发开发人员希望执行的js代码,比如调用WebOffice提供的判断文件是否修改的属性,或提示用户保存等等需求。

如果采用智能窗方式浏览,对应的网址由传统网址:
//www.officectrl.com/officecs/WebDocEdit.aspx?oper=edit&id=180形式,
修改为:
weboffice://|Officectrl|//www.officectrl.com/officecs/WebDocEdit.aspx?oper=edit&id=180即可;
如果使用JS打开智能窗,可以如下方式编写:
以下代码假定:
//www.officectrl.com/officecs/WebDocEdit.aspx?oper=edit&id=180
此网址对应网页包含控件,如果直接把上述网址放入Chrome或FireFox访问是无法看到控件的,采用智能窗方式则可以查看,所以应用下面JS访问:

function OpenWebOfficePage()
{      
pre= " weboffice://|Officectrl| ";
strOpenUrl=pre +  '//www.officectrl.com/officecs/WebDocEdit.aspx?oper=edit&id=180';
window.open(strOpenUrl,'_self');        
}
四、自定义菜单并添加响应事件

控件默认自带了一个文件菜单,新增菜单可以方便用户对常用功能的操作,要实现此功能,应采用如下:

1、使用CustomMenuCount属性定义总菜单个数,由于控件默认自带了一个文件菜单,所以设置CustomMenuCount时应是:总个数-1,如新增一个菜单,则2-1=1,应设置CustomMenuCount=1;即:

document.getElementById('WebOffice').CustomMenuCount=1;

这样会在文件菜单旁新增一个菜单。

2、给新增的菜单设置菜单名称:

document.getElementById('WebOffice').SetMenuName(1,'新菜单');

3、调用WebAddMenuItem方法给新的菜单增加子菜单,WebAddMenuItem的第三个参数传入的是一个整数,以字符串的形式传递进去,这个整数必须大于50000,这个整数是用于后面点击时响应JS函数使用如:

     document.getElementById('WebOffice').WebAddMenuItem(1, '打开Word','51001');

4、为新增的子菜单增加响应函数:

<script language="javascript" for="WebOffice" event="OnMenuCommand(param1,param2)">
<!--

/*用switch语句执行菜单响应代码。 */  

       switch(param1)

       {

       case 51001:

alert('你点击“打开Word”菜单项');

              break;

    default:

              break;

       } 
//-->
</script>
5、以上第一、二、三步的代码可以放在一个JS函数执行
<script language=javascript>

function addMenu()

{

       document.getElementById('WebOffice').CustomMenuCount=1;

       document.getElementById('WebOffice').SetMenuName(1,'新菜单');

       document.getElementById('WebOffice').WebAddMenuItem(1, '打开Word','51001');

}

</script>
想要购买WebOffice正版授权,或了解更多产品信息请点击


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP