【PB.NET编程系列6】利用JavaScript进行客户端编程
【PB.NET编程系列6】利用JavaScript进行客户端编程
普通WEB程序是由浏览器发出请求，服务器以HTML形式返回结果。一般情况下我们在PB的事件里编写的任何对客户端事件的响应代码都会产生一次与服务器的交互过程：当一个客户端事件被触发时，JavaScript中有一个对应的事件去向服务器发起请求，服务器端会调用对应事件的代码并将结果返回给客户端，对于客户来说一个直接的感观就是屏幕被刷新了一次。为了减少这样的postback，我们可以利用JavaScript对客户端进行编程以提高WEB程序的性能和用户体验。
要对客户端事件进行编程，必需将我们的代码包含在一个条件编译的代码块里面，编译器会识别并与普通power script代码区分开来。在自定义的JavaScript事件里可以通过使用调用Document.Form.Submit或PB缺省的已定义事件来接管被触发的事件。
下面的例子通过一个自定义的客户端JavaScript事件代码来取代DATAWINDOW的ItemChanged事件，这段代码的意思是如果是第一列或第二列的值被改变，那么调用缺省的JavaScript事件PBDataWindow_ItemChangedReject来取消值的改变。在这个例子里缺省事件将不会产生postback，如果不是第一和第二列将不会触发客户端代码。
//Start MyScriptFile.js
function MyItemChanged(sender, rowNumber, columnName, newValue)
{
if(columnName == "column1" || columnName == "column2")
{
// The default function is invoked
return PBDataWindow_ItemChangedReject(sender, rowNumber, columnName, newValue)
}
else
{
//do nothing
}
}
//End MyScriptFile.js
接管的JavaScript事件写在一个条件编译代码块里:
#IF DEFINED PBWEBFORM THEN
dw_1.JavaScriptFile = "MyScriptFile.js"
dw_1.OnClientItemChanged = "MyItemChanged"
#END IF
缺省的JavaScript事件
当我们发布程序时文件PBDataWindow.js 会拷贝到服务器applicationName\Scripts目录下，在这个文件里定义了一些缺省事件供我们调用。调用这些缺省的事件将会导致一次postback或延时的postbak，也有些事件不产生postback，面的列表列出了这些事件和差别。在前面的例子中我们使用类似dw_1.OnClient事件名 = "自定义JS函数"这样的代码接管了对应的DW对应事件的代码，写在DW对应事件里的代码将不会再被调用，如果我们想重新触发这些代码，就必需使用下表的JavaScript事件了，调用这些事件时必需�
相关文档：
实例效果
预览效果1：
这是一个颜色梯度变化演示：
预览效果2：
一个颜色渐变的菜单：
Cropper
Tween
Slider
Resize
Drag
预览效果3：
颜色渐变的有趣应用，点击随机颜色渐变：
点击随机换颜色
程序说明
【ColorGrads颜色梯度】
程序ColorGrads的作用是通过StartColor和EndColor生成颜色梯度集合。
颜色都� ......
一个简单的javascript类定义例子
涵盖了javascript公有成员定义、私有成员定义、特权方法定义的简单示例
Java代码
<script>
//定义一个javascript类
function JsClass(privateParam/*&n ......
javascript 类定义4种方法
Java代码
/*
工厂方式--- 创建并返回特定类型的对象的 工厂函数 （ factory function ）
*/
function createCar(color,doors,mpg){
......
/*
* To change this template, choose Tools | Templates
* and open the template in the editor
*/
var File = {
name:'',
path:'',
ext:'',
cfiles:[],
attributes:{
......
