PB115+WEB客户端编程技巧总结Word格式.docx
- 文档编号:22274544
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:10
- 大小:19.92KB
PB115+WEB客户端编程技巧总结Word格式.docx
《PB115+WEB客户端编程技巧总结Word格式.docx》由会员分享,可在线阅读,更多相关《PB115+WEB客户端编程技巧总结Word格式.docx(10页珍藏版)》请在冰豆网上搜索。
那么,有哪些地方可以运用javascript和html代码优化页面呢?
1、数据窗口对象appendedhtml属性。
刚接触PB11.5的WEB开发的时候,一定会被他的那么多unsupport属性所蒙蔽,原先在C/S下绚丽多彩的界面,转成B/S后变得暗淡无光,因此也就失去了进一步开发的乐趣。
其实不然,PB提供了appendedhtml的属性后,使WEB界面编程变得更为灵活,一个小小的appendedhtml,可以将DHTML、javascript等所有页面技术嵌入到里面去。
可以实现的效果如:
透明、垂直居中、渐变、鼠标移动特效等等。
查看发布成WEB后的页面代码,会发现,appendedhtml里的内容是放在里,也就是说,数据窗口的内容转成了WEB元素,如标签转成了,列就是。
Appendedhtml的写法:
引号必须使用转义符~如:
modify(‘sfz.html.appendedhtml=““padding-top:
2px;
~~”’),至于如何设置元素属性,可以查看《DHTML手册》。
2、数据窗口事件。
此方法是在数据窗口对象初始化的时候写入对应的脚本,如:
#IFDEFINEDPBWEBFORMTHEN
dw_1.JavaScriptFile=“uo_dw.js”
dw_1.OnClientItemChanged=“MyItemChanged”#ENDIF另外,在发布成WEB的时候,必须嵌入已写好的javascript脚本,这些被脚本会在页面的head区被包含进去。
经过上面代码一处理,数据窗口的事件被触发后就会直接跳到javascript脚本去处理而不执行回调(就是PB里写的程序不会被执行)。
那么,哪些事件支持脚本编程呢?
根据PB11.5文档所提供的技术说明,目前仅限于数据窗口内事件处理,包括clicked、DoubleClicked、RButtonDown、ButtonClicked、ButtonClicking、ItemFocusChanged、ItemError、ItemChanged、RowFocusChanged。
在指定客户端事件脚本的时候,事件前都必须加”OnClient”。
二、客户端程序的优化思路
借助javascript脚本技术,我们可以对目前程序上的几个操作瓶颈进行优化。
1、数据窗口的条件性POSTBACK。
如果不对datawindow进行脚本处理,那么如果事件内有代码,则将会在触发该事件的时候执行POSTBACK,这样会有很多没必要的POSTBACK。
如,在itemchanged事件里写入了对身份证输入后进行检查的代码,在IE下运行的情况是,该数据窗口的任何列输入完后都会执行POSTBACK,有没有办法实现只输入身份证的时候才POSTBACK呢?
可以通过以下方法:
(1)在窗口的open事件里写入脚本。
dw_1.OnClientItemChanged=“MyItemChanged”#ENDIF
(2)脚本里写入条件回调程序。
functionMyItemChanged(sender,rowNumber,columnName,newValue){if(columnName==‘sfz’){returnPBDataWindow_ItemChangedReject(sender,rowNumber,columnName,newValue);
}Else{//donothing}}
其中,PBDataWindow_ItemChangedReject为调用数据窗口的itemchanged事件,数据窗口提供的回调函数,可以在PBDataWindow.js找到,查阅PB帮助文档可以查看其具体用法。
2、PB代码向javascript脚本转化。
首先,必须理解PB-WEB程序的运行模式,见下图:
数据库SQL数据集EASERVER代理对象IISPBVMrequestIE代理对象response从上图可以看出,IE与数据库之间其实就是数据请求的关系,我们可以认为,除了需要从服务端下载数据和页面加载的请求外,其他都是没必要的请求。
这些没必要的请求包括:
1)messagebox。
消息提示可以说是UI界面交互的最重要的环节之一,几乎所有业务
操作都会涉及,很遗憾的是,除了数据窗口事件里的javascript支持本地消息提示外,目前还没有一种办法可以脱离IIS,直接在PB代码里调用IE消息提示的方法。
2)简单的数据检查。
如登录时的验证码、输入格式校验、身份证合法性检查等,可以
直接在javascript里处理。
3)辅助性的数据输入。
包括下拉数据窗口、下拉日历等。
在传统的C/S模式下,直接
打开一个窗口就可以实现下拉数据选择功能,但是这种方法在WEB下已经行不通,频繁的POSTBACK会使操作变得笨重、缓慢,甚至比直接输入来的慢。
但是有些下拉的数据又需要从服务端取,这样可以将下拉窗口设计成共用模块启动时直接装载到页面,在需要调用的地方用javascript代码显示出来,然后象服务端请求数据,选择数据后返回、设置数据、隐藏下拉窗口,这一过程只要一个POSTBACK,即数据请求过程。
4)页面切换。
在IE下打开多个业务窗口,这些窗口都已经装载到了IE下,可以通过
javascript脚本实现页面显示、隐藏,以提高响应速度。
5)窗口、对象的关闭、销毁。
类似此操作,可以直接在IE下完成,无需要再送到IIS
上处理。
6)实现回车后焦点切换。
打开PB安装文件所在路径,打开F:
\\Program
Files\\Sybase\\PowerBuilder11.5\\DotNET\\webroot\\scripts目录下的dwcommon.js,并修改其代码段。
函数为:
HTDW_inputKeyDown()代码if(event.keyCode==9&
&
!
event.ctrlKey&
event.altKey&
event.shiftKey)ProcessTab(obj);
修改为if((event.keyCode==9||event.keyCode==13)&
实现按回车键的tab效果。
三、PB与javascript混合编程技巧1、使用PB提供的javascript函数
打开IIS目录,在发布好的站点文件夹下,有个scripts文件夹,存放的是所有PB的内置函数,这些函数描述了客户端的调用、回调方法,具体使用方法在PB文档里有做了描述。
数据窗口对象(大部分数据窗口函数接口里都用sender做为参数)可以引用的函数可以在dwcommon.js里的functionHTDW_DataWindowClass(name)里找到,如下图:
如:
this.SetItem=HTDW_SetItem;
这行表示,可以调用数据窗口的SetItem()函数进行设置数据窗口值,至于SetItem参数,可以查找HTDW_SetItem函数的参数结构。
如下图:
调用举例:
数据窗口的回调函数,可以在PBDataWindow.js里找到,上面已经举过例子,这里不做描述了。
2、灵活地操控WEB元素
WEB页面上,每个元素都有一个ID值,是唯一标识该元素的键值。
如表示“确定”按钮的ID为ID_OK。
要在javascript里编写程序实现与页面元素交互,最重要的一点是要弄清楚从PB转换成页面后的元素的ID值,这些ID值是IIS发送过来的,与PB里的对象名有一定的对应关系。
目前PB技术文档没有这方面的说明,但我们可以通过多种途径来获得这些元素ID。
1)利用event对象获得窗口事件的源、父对象
如,可以定义varo=window.event.srcElement;
获取鼠标在窗口上点击的对象,通过o.parentElement可以获取该对象的父对象。
2)通过getElementByName、getElementById、getElementsByTagName等方法获取对象
ID。
3)通过alert消息提示将对象ID显示出来。
有了这些ID,接下去如何操控界面元素,就和C/S编程差不多了,有关函数操作、属性操作等可以参考javascript和DHTML相关资料。
应用举例:
扩展阅读:
PB11.5WEB客户端编程技巧
PB11.5WEB客户端编程技巧20xx年09月11日星期六22:
51一、概述
1、数据窗口对象appendedhtml属性。
刚接触PB11.5的WEB开发的时候,一定会被他的那么多unsupport属性所蒙蔽,原先在C/S下绚丽多彩的界面,转成B/S后变得暗淡无光,因此也就失去了进一步开发的乐趣。
modify(sfz.html.appendedhtml=““padding-top:
~~”),至于如何设置元素属性,可以查看《DHTML手册》。
2、数据窗口事件。
#IFDEFINEDPBWEBFORMTHENdw_1.JavaScriptFile=“uo_dw.js”
functionMyItemChanged(sender,rowNumber,columnName,newValue){if(columnName==sfz)
{returnPBDataWindow_ItemChangedReject(sender,rowNumber,columnName,newValue);
}Else
{//donothing}}
从上图可以看出,IE与数据库之间其实就是数据请求的关系,我们可以认为,除了需要从服务端下载数据和页面加载的请求外,其他都是没必要的请求。
1)messagebox。
消息提示可以说是UI界面交互的最重要的环节之一,几乎所有业务操作都会涉及,很遗憾的是,除了数据窗口事件里的javascript支持本地消息提示外,目前还没有一种办法可以脱离IIS,直接在PB代码里调用IE消息提示的方法。
2)简单的数据检查。
如登录时的验证码、输入格式校验、身份证合法性检查等,可以直接在javascript里处理。
在传统的C/S模式下,直接打开一个窗口就可以实现下拉数据选择功能,但是这种方法在WEB下已经行不通,频繁的POSTBACK会使操作变得笨重、缓慢,甚至比直接输入来的慢。
4)页面切换。
在IE下打开多个业务窗口,这些窗口都已经装载到了IE下,可以通过javascript脚本实现页面显示、隐藏,以提高响应速度。
类似此操作,可以直接在IE下完成,无需要再送到IIS上处理。
\\ProgramFiles\\Sybase\\PowerBuilder11.5\\DotNET\\webroot\\scripts目录下的dwcommon.js,并修改其代码段。
2、灵活地操控WEB元素WEB页面上,每个元素都有一个ID值,是唯一标识该元素的键值。
要在javascript里编写程序实现与页面元素交互,最重要的一点是要弄清楚从PB转换成页面后的元素的ID值,这些ID值是IIS发送过来的,与PB里的对象名有一定的对应关系。
2)通过getElementByName、getElementById、getElementsByTagName等方法获取对象ID。
3)通过alert消息提示将对象ID显示出来。
应用举例:
…………引用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- PB115 WEB 客户端 编程 技巧 总结