OCX控件开发及WEB Javascript如何使用OCX控件
2014-10-18 20:35
676 查看
一、OCX控件开发
1、使用IDE版本: VS2010
2、.基于MFC技术 开发OCX控件。
3、.基本OCX开发过程
3.1、打开VS 2010 新建项目,选择MFC模板,“MFC ActiveX控件” “ Visual C++ 项目”,输入名字后,一路默认就可以了。
3.2、下面对怎样加入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消息事件,如图所示:
添加好后,在该函数中加入如下代码:
4.5、修改4.4中”Ctrl“文件中OnDraw函数,将原来画椭圆的代码删除,加上如下代码:
上面注释的 是要删除的。添加注释下面的代码。同上处理,将变量更换你的类变量。
5、ocx中再引入OCX控件。
5.1 、在你要加入OCX控件的资源上右击 选择”插入 ActiveX 控件“项,然后选择你所要加入的OCX控件。
5.2、如果不让这个ocx显示,请选择属性将visible值 设置成false。默认是true。
5.3、在资源的ocx控件上右击选择添加变量,输入变量名。
5.4、然后在解决方案资源管理界面上选择有”APP“字样类的文件,在其InitInstance()函数中的if(bInit)处理里加入如下代码:
二、Web Javascript使用OCX控件
1、首先创建一个html文件,中间要<object></object>标签。如下:
注:<object>标签中 classid的来源是ocx。 可以在源ocx工程中有个扩展名叫”.idl“文中找到这个classID,(一般是最后一个)
2、Javascript使用ocx的方法。var myocxTest
= document.getElementById("myocx"); myocxTest
就可以使用OCX控件的方法了。
3、Javascript使用OCX事件,即OCX返回信息到网页上。方法:
4、在第3条基础上,即ocx返回信息到界面上,在这个处理中还需使用该ocx的方法。如果在上述3的代码中直接加上ocx的事件,会将浏览器卡死,无法正常使用。但是如果将ocx的事件用定时器延时一段时间后就可以正常。原因:可能是因为ocx将信息返出来后还来不及销毁,网页又开始使用ocx的方法。所以使网页线程堵塞造成卡死现象。【这是我看到现象后总结的,不一定是真理,如果有博友知道其原理请告知,分享你的技术,服务万千前端开发者】
1、使用IDE版本: VS2010
2、.基于MFC技术 开发OCX控件。
3、.基本OCX开发过程
3.1、打开VS 2010 新建项目,选择MFC模板,“MFC ActiveX控件” “ Visual C++ 项目”,输入名字后,一路默认就可以了。
3.2、下面对怎样加入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>
相关文章推荐
- 请问web用户控件中如何使用javascript脚本??
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
- 如何在ASP.NET中制作Web用户自定义控件,并在aspx页面中使用它的方法和属性?
- 如何:使用 AdRotator Web 服务器控件显示 XML 文件中的广告
- 如何:使用 AdRotator Web 服务器控件显示数据库中的广告
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
- 在使用了母版页的内容页后,如何在javascript中调用服务器控件值
- 详解如何在Sbo Add-on开发中使用Folder控件 推荐
- 使用Jasperreport作为报表控件开发Web 报表应用 后续
- 绝对酷,如何解决asp.net中javascript脚本的问题(使用服务器控件执行客户端脚本)
- 如何在单击WEB控件引发页面刷新时定位页面?(不使用智能导航)
- 开发和使用Web用户控件
- 使用Jasperreport作为报表控件开发Web 报表应用
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
- .NET 2.0 Web控件GridView的使用:如何使用隐藏的主键列
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
- 绝对酷,如何解决asp.net中javascript脚本的问题(使用服务器控件执行客户端脚本)
- 使用 .NET 框架轻松开发完美的 Web 窗体控件
- 开发和使用Web用户控件
- 用javascript操作xml-->Web设计中如何使用XML数据源对象(转载)