OCX控件开发及WEB Javascript如何使用OCX控件

一、OCX控件开发

1、使用IDE版本: VS2010

2、.基于MFC技术 开发OCX控件。

3、.基本OCX开发过程

3.1、打开VS 2010 新建项目,选择MFC模板,“MFC   ActiveX控件” “ Visual C++ 项目”,输入名字后,一路默认就可以了。

3.2、下面对怎样加入ocx事件与方法说明一下,选择“类似图” ,如图红框所示:

OCX方法与事件的加入

选择某个红框的内容右击,选择添加方法。 这时出现旁边这个对话,提示输入方法名称。

注:第一个红框是方法   作用:是外面可以调用的方法。

     第二个红框是事件   作用:OCX控件将信息发送到外面。

4.ocx控件引入对话框

4.1 在资源视图上 添加一个对话框的资源或者直接选择”插入Dialog“项。 然后在对话框上右击选择”添加类“项,输入你要的类名。

4.2、然后选择属性,将visible值 设置成true、将Border 值设置成 None、将Style 值设置成 Child、将System Modal 值设置成True。

4.3、然后再选择类视图,在有个类名”Ctrl“字样的类上右击选择添加变量,该变量的类型是刚刚加入的类。

4.4、还是在类似图界面,选择同上的类,右击打开类向导,选择消息窗口,添加WM_CREAT消息事件,如图所示:

类视图

添加好后,在该函数中加入如下代码:

m_dlgTest.Create(IDD_DIALOG1,this);
将该变量m_dlgTest换成 你刚刚命名的对话框类变量,就可以。

4.5、修改4.4中”Ctrl“文件中OnDraw函数,将原来画椭圆的代码删除,加上如下代码:

	//pdc->FillRect(rcBounds, CBrush::FromHandle((HBRUSH)GetStockObject(WHITE_BRUSH)));
	//pdc->Ellipse(rcBounds);

	m_dlgTest.MoveWindow(rcBounds, TRUE);
	CBrush brBackGnd(TranslateColor(AmbientBackColor()));
	pdc->FillRect(rcBounds, &brBackGnd);

上面注释的 是要删除的。添加注释下面的代码。同上处理,将变量更换你的类变量。

5、ocx中再引入OCX控件。

5.1 、在你要加入OCX控件的资源上右击 选择”插入 ActiveX 控件“项,然后选择你所要加入的OCX控件。

5.2、如果不让这个ocx显示,请选择属性将visible值 设置成false。默认是true。

5.3、在资源的ocx控件上右击选择添加变量,输入变量名。

5.4、然后在解决方案资源管理界面上选择有”APP“字样类的文件,在其InitInstance()函数中的if(bInit)处理里加入如下代码:

	if (bInit)
	{
		// TODO: 在此添加您自己的模块初始化代码。
		AfxEnableControlContainer();
		SetDialogBkColor(RGB(255,255,255));
	}

二、Web Javascript使用OCX控件

1、首先创建一个html文件,中间要<object></object>标签。如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OCX测试</title>
</head>

<body>
<object ID="myocx" classid="clsid:AA77E166-CE88-4C96-959D-609EF141539A" WIDTH=200 HEIGHT=200></object>
</body>
</html>

注:<object>标签中 classid的来源是ocx。 可以在源ocx工程中有个扩展名叫”.idl“文中找到这个classID,(一般是最后一个)

2、Javascript使用ocx的方法。var myocxTest = document.getElementById("myocx");  myocxTest 就可以使用OCX控件的方法了。

3、Javascript使用OCX事件,即OCX返回信息到网页上。方法:

<script event="ocx控件的事件" for="myocx">
    你处理信息的代码
</script>

4、在第3条基础上,即ocx返回信息到界面上,在这个处理中还需使用该ocx的方法。如果在上述3的代码中直接加上ocx的事件,会将浏览器卡死,无法正常使用。但是如果将ocx的事件用定时器延时一段时间后就可以正常。原因:可能是因为ocx将信息返出来后还来不及销毁,网页又开始使用ocx的方法。所以使网页线程堵塞造成卡死现象。【这是我看到现象后总结的,不一定是真理,如果有博友知道其原理请告知,分享你的技术,服务万千前端开发者】

<script event="ocx控件的事件" for="myocx">  <pre name="code" class="javascript"><span style="white-space:pre">	</span>setTimeout(function(){
<span style="white-space:pre">		</span>myocx.getName();
	},1500);
</script>

 









  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值