Ext4.1基本方法、属性

前端之家收集整理的这篇文章主要介绍了Ext4.1基本方法、属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

自己学习记录,有待完善

1..Ext.onReady 。其内的代码会在加载时执行

<html>
head>
    title>Hello</>
//@H_502_28@其他代码省略
script type="text/javascript">@H_502_28@ Ext.onReady(@H_502_28@function@H_502_28@ () { @H_502_28@Ext.Msg.alert(@H_502_28@"@H_502_28@hello@H_502_28@,'ExtJS4.1'); }); scriptbody>


运行结果:页面加载时弹出一个消息框

2.Ext.define  定义一个类,可以是一个全新的类,也可以继承其他类。

示例代码

<html>
<head>
  <title>Hello Ext</title>
@H_502_28@//其他代码省略

< Ext.onReady(@H_502_28@() { @H_502_28@定义一个父类 @H_502_28@ Ext.define(@H_502_28@'@H_502_28@Pet502_28@a@H_502_28@ }); @H_502_28@定义一个子类 @H_502_28@Cat502_28@用extend表示继承,在这里继承的是Pet类 @H_502_28@ extend : Pet,@H_502_28@子类 自己有的另外一个属性 @H_502_28@ sex : @H_502_28@girl@H_502_28@new 一个Pet类对象myPet @H_502_28@var@H_502_28@ myPet @H_502_28@= @H_502_28@new@H_502_28@ Pet(); Ext.Msg.alert(@H_502_28@提示@H_502_28@Pet类的属性502_28@new 一个Cat @H_502_28@     //此处new的方法与上不一样      
@H_502_28@ myCat @H_502_28@=@H_502_28@ Ext.create(@H_502_28@); Ext.Msg.alert(@H_502_28@myCat的属性:@H_502_28@' @H_502_28@+@H_502_28@ myCat.name @H_502_28@+ @H_502_28@/@H_502_28@ myCat.sex); }); >
</head>
<body>
</body>
</html>

 3.Ext.create 实例化一个类

如  上例中   创建Cat类 类代码,下面创建一个Panel

Ext.create('Ext.panel.Panel',{
    renderTo: Ext.getBody(),width: 400,height: 200,title: 'Container Panel',layout: 'column'
    });

运行结果是一个宽400高200的panel。

有待完善……

猜你在找的程序笔记相关文章