开始Ext（二）

作者：齐好宗

HelloWorld里做了什么？ 

我们来看一下增加了注释的HelloWorld.js

 

// 文档准备好时触发onReady事件，该事件发生在onload和图像装载好之前
Ext.onReady( function () ... {
    //声明一个Window对象
    var helloWindow = new Ext.Window(...{
        title : 'Hello World',//Window标题
        width : 200,//窗口宽度
        height : 150,//窗口高度
        layout : 'fit',//窗口布局
        collapsible : true,//是否可以折叠
        closable : true,//是否可以关闭
        maximizable : true,//是否可以最大化
        //加入窗口容器的其它组件
        items : [...{
            html : '<p> Hello World. </p>'
        }],
        //页脚中的按钮
        buttons : [...{
            text : 'close',//按钮文本
            handler : function()...{//点击时调用该事件处理
                helloWindow.hide();//隐藏窗口
            }
        }]
    });
    //显示容器
    helloWindow.show();
} );

 

再看一下与界面的对应关系：

现在应该很清楚了吧。