Ext4.1基本方法、属性

发布时间:2021-01-12 整理:编程之家
编程之家收集整理的这篇文章主要介绍了Ext4.1基本方法、属性编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随编程之家小编过来看看吧!

自己学习记录,有待完善

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

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


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

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

示例代码:

<html>
<head>
  <title>Hello Ext</title>
//其他代码省略
<
Ext.onReady(() { 定义一个父类 Ext.define('Peta }); 定义一个子类 Cat用extend表示继承,在这里继承的是Pet类 extend : Pet,子类 自己有的另外一个属性 sex : girlnew 一个Pet类对象myPet var myPet = new Pet(); Ext.Msg.alert(提示Pet类的属性new 一个Cat      //此处new的方法与上不一样      
myCat = Ext.create(); Ext.Msg.alert(myCat的属性:' + myCat.name + / 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。

有待完善……

总结

以上是编程之家为你收集整理的Ext4.1基本方法、属性全部内容,希望文章能够帮你解决Ext4.1基本方法、属性所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
分类导航
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!