借助传统方法使用高级 GWT 控件

核心提示： 清单 5. JavaScript 方法调用protectedJavaScriptObjectgrid=null;...publicvoidonload(){if(grid==null){grid=init(...);}}publicvoidonDeleteButtonClick(){delete

清单 5. JavaScript 方法调用

protected　JavaScriptObject　grid　=　null;　
　
...　
　
public　void　onload(){　
　if(grid　==　null){　
　　grid　=　init(...);　
　}　
}　
　
public　void　onDeleteButtonClick(){　
　delete(grid,　getCurrentRow(grid));　
}　
　
　
public　native　void　delete(JavaScriptObject　obj,　int　index)　/*-{　
　
　try{　
　　obj.deleteRow(index);　
　}　
　catch(e){　
　　$wnd.alert(e.description);　
　}　
　
}-*/;　
　
public　native　int　getCurrentRow(JavaScriptObject　obj)　/*-{　
　
　try{　
　　return　obj.getCurrentRow();　
　}　
　catch(e){　
　　$wnd.alert(e.description);　
　}　
　
　return　-1;　
　
}-*/;　

在清单 5 中，Java 事件处理程序调用 JavaScript 控件 API 方法。这充分展示了与控件实例交互的能力。您可以为所有的 JavaScript 控件 API 定义类似的 Java 包装程序，并使其对 GWT 可用。

运行时配置

演示的应用程序要求必须在系统上安装 GWT SDK。为了运行实例代码，只需将下载的带有源代码和编译脚本的归档文件解压缩到 GWT SDK 发布目录的示例文件夹。如果可以运行 GWT 示例，就可以利用如下命令（在 Windows 平台上）启动示例应用程序：

　　　　　　　　your_local_path\gwt-windows-1.3.3\samples\GridDemo\GridDemo-shell.cmd　

示例 GWT 应用程序演示了集成的商业 JavaScript 网格组件，该组件由 ActiveWidgets 开发，可在该公司的站点下载评估版。图 1 给出了对应的结果：

图 1. 示例 GWT 应用程序中的高级网格控件

示例应用程序归档文件包含了除 GWT 外的所有必需的库。我已经用所有的主流 GWT 发布版本测试过（包括 1.3 版本）。

结束语

本文通过一个示例展示了如何将传统的 JavaScript 网格控件与 GWT 应用程序进行集成。您可以将同样的方法应用于市面上可用的其他高级控件。除了商业 JavaScript 控件外，您还可以参考 Yahoo! User Interface Library，内含大量开源 JavaScript 实用工具和控件，可用来借助 DOM 脚本、DHTML 和 Ajax构建高交互性的 Web 应用程序。

本文示例源代码或素材下载