开始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();
}
);

 

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

现在应该很清楚了吧。

相关推荐

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

cycloneQI

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值