zoukankan      html  css  js  c++  java
  • Ext4.1基本方法、属性

    自己学习记录,有待完善

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

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


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

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

    示例代码:

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

     3.Ext.create 实例化一个类

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

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

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

    有待完善……

  • 相关阅读:
    Redhat 7使用CentOS 7的Yum网络源
    指定YUM安装包的体系结构或版本
    CURL常用命令
    VIM技巧之去除代码行号并缩进代码
    VIM 中鼠标选择不选中行号
    linux服务器性能优化
    阻塞,非阻塞,同步,异步
    WEB三层架构与MVC
    mvc与三层结构
    Centos环境下Tomcat启动缓慢
  • 原文地址:https://www.cnblogs.com/demingblog/p/2713346.html
Copyright © 2011-2022 走看看