allWebPlugin中间件自定义alert、confirm及prompt使用

allWebPlugin简介

allWebPlugin 中间件是一款为用户提供安全、可靠、便捷的浏览器插件服务的中间件产品 **致力于将浏览器插件重新应用到所有浏览器。**它将现有ActiveX控件直接嵌入浏览器,实现插件加载、界面显示、接口调用、事件回调等。支持Chrome、Firefox、Edge、360等浏览器,接口调用友好、集成方便。为用户提供"信息化系统 + allWebPlugin + 插件 + 浏览器"的解决方案。

在Web开发时,经常需要使用alert、confirm及prompt对话框与用户交互。提示或获取用户输入。allWebPlugin中间件为了满足上述需要,设计了一套自定义的对话框,供用户使用。

下载地址

链接:百度网盘 请输入提取码

提取码:z3q0

如下图所示,下载allWebPlugin_x86_v2.0.0.20_stable_20240921.zip安装包。
安装包截图

​​

使用步骤

第一步:在使用createContainer创建插件容器时,设置是否使用浏览器插件。在使用本接口之前,必须先给大家介绍一下createContainer接口。具体如下:

createContainer方法
功能说明:创建插件容器。
参数说明:
canvas: 网页canvas画布元素
progID:  字符串  插件容器标识
license: 字符串  授权信息
bFixSize: 布尔  是否固定大小。注意:百分比自适应时,为false,不显示插件截图。本参数自v2.0.0.16起支持
blUsePluginUI: 布尔  是否使用插件容器对话框。注意:false时,使用浏览器自带提示框,提示框显示时会隐藏插件容器;true时,使用插件容器对话框,不会隐藏插件容器窗口。自v2.0.0.20起支持
返回值:
类型:PluginHostCnt对象
当返回值不为null时表示成功,其它表示失败。

通过接口介绍可以知道,blUsePluginUI为false时,使用浏览器自带提示框,提示框显示时会隐藏插件容器;blUsePluginUI为true时,使用插件容器自定义对话框,不会隐藏插件容器窗口。为了能使用插件自定义对话框,我们这里将blUsePluginUI设置为true(默认值为true)。具体代码如下:

javascript 复制代码
if(hostCnt.createContainer(canvas,"PluginContainer",license,false,true) == true)
{	
	//hostCnt.UI.ForceShowUI(false);//创建时隐藏插件,需要调用这句,隐藏插件
}

第二步:使用alert、confirm及prompt接口调用浏览器插件自定义对话框。下面将使用示例分别介绍。

alert示例

如下图,响应插件创建事件,并提示。

javascript 复制代码
function OnCreated(){
	alert("OnCreated 事件");
}

效果如图所示:
alert自定义提示框

confirm示例

如下图,关闭时提示是否关闭文档。

javascript 复制代码
function Close()
{
	if(confirm("是否关闭文档?")){
				allWebOfficeAx.Close_Asyn(0).then(function(data){
				ShowError(data);
			});
	}
}

效果下图所示
confirm效果展示

prompt示例

如下图获取用户输入的内容替换选定区域内容。

javascript 复制代码
function WebSetWordContent(){
	  var mText=window.prompt("请输入内容:","测试内容");
	  if (mText==null){
	     return (false);
	  }else{
	     WebOffice.WebObject.ActiveDocument().Application().Selection().Range().Text = mText+"\n";
	  }
	}

prompt效果

作用及意义

保留了原滋原味的alert、confirm及prompt接口调用习惯,同时有避免了浏览器自带对话框可能存在图层遮挡的问题。

注意,若要使用浏览器自带的对话框,请在创建插件容器时,将blUsePluginUI设置成false。这样的话,就会使用浏览器自带的对话框,插件容器窗口将在对话框显示时,自动隐藏,关闭对话框时,自动显示。

相关推荐
羊小猪~~14 分钟前
数据结构C语言描述2(图文结合)--有头单链表,无头单链表(两种方法),链表反转、有序链表构建、排序等操作,考研可看
c语言·数据结构·c++·考研·算法·链表·visual studio
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
脉牛杂德1 小时前
多项式加法——C语言
数据结构·c++·算法
legend_jz1 小时前
STL--哈希
c++·算法·哈希算法
CSUC1 小时前
【C++】父类参数有默认值时子类构造函数列表中可以省略该参数
c++
Vanranrr1 小时前
C++ QT
java·c++·qt
鸿儒5171 小时前
C++ lambda 匿名函数
开发语言·c++
wdxylb1 小时前
浏览器内置对象XMLHttpRequest
edge浏览器
van叶~2 小时前
算法妙妙屋-------1.递归的深邃回响:二叉树的奇妙剪枝
c++·算法
knighthood20012 小时前
解决:ros进行gazebo仿真,rviz没有显示传感器数据
c++·ubuntu·ros