使用QXDesigner可视化开发RIA系统（三)

上一篇给大家做了一个使用按键打开窗口的示例，但在实际应用开发中系统一般都是将主窗口融合在整个浏览器窗口中，今天我就给大家做一个简单的示例程序。

首先打开QXdesigner系统。新建一个Qooxdoo工程。如下图：

 

点击Create后自动执行工程框架建立脚本。

 

新建一个窗口。

将选择Container标签中的TQxComposite控件，放入窗口中，将Align属性设置为alTop。

在窗口中放入TQxSplitComposite控件，将Align属性设置为alClient。

修改窗口的继承类及构造函数内容。代码内容如下图：

 

保存并设置文件名为BrowserMain。

打开工程文件：Application.js

将创建按键的代码删除修改为如下代码：

var WinMain=new BrowserTest.BrowserMain();

      doc.add(WinMain,{edge:0});

 

整个代码结构如下：

 

编译.

使用浏览器打开C:\web_app\webroot\BrowserTest\source\index.html文件。运行效果如下图：

 

QXDesigner交流群：579953097