zoukankan      html  css  js  c++  java
  • Sencha Touch 之 Ext.ComponentManager.get方法使用

    HTML代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>一个简单的示例面板</title>
    <link rel="stylesheet" type="text/css" href="../../css/sencha-touch.css">
    <script src="../../sencha-touch.js"></script>
    <script src="app-all.js"></script>
    </head>

    <body>
    <div>Hello, World</div>
    </body>
    </html>
    JS代码:

    Ext.application({
        name : 'myApp',
        icon : '../../images/icon.png',
        glossOnIcon : false,
        phoneStartupScreen : '../../images/phone_startup.png',
        tabletStartupScreen : '../../images/tablet_startup.png',
        launch : function() {
            //panel以div元素的形式显示在页面中
            var panel = Ext.create('Ext.Panel', {
            //或var panel = Ext.create('Ext.lib.Panel', {
                fullscreen : true,    //指定面板尺寸是否自动扩展为浏览器窗口的尺寸
                id : 'myPanel',        //id将作为面板元素生成的div层的id,切记唯一性
                //style : 'color:red',    //CSS样式,当styleHtmlContent配置选项为false时,CSS样式将被忽略,默认为true
                html : '一个简单的示例面板'    //生成html代码,这段代码将被插入div层中
            });
            /*
                还可以
                var panel = new Ext.Panel({
                   
                });
                或
                var panel = new Ext.lib.Panel({
                   
                });
            */
            var subPanel = new Ext.Panel({
               
                id: 'subPanel',
                style: 'color:blue',
                html: 'panel面板中的子面板'   
            });
            Ext.Viewport.add(panel);    //在这里它可以省去
            //Viewport和panel类似,也是以div形式显示在页面中,但它在launch之前就被创建,且可以向它里面添加其他组件
           Ext.ComponentManager.get('myPanel').add(subPanel);
            //如果用Ext.get方法则将不能添加
        }
    });

  • 相关阅读:
    tcp/ip协议listen函数中backlog參数的含义
    oracle exp实例
    js21---单体(单例)模式
    js20---接口3种方式
    js19--继承终极版本
    js18--继承方式
    js17---创建对象:构造函数式和原型组合模式、动态原型模式、稳妥构造函数式
    js16--自定义原型对象
    js---15,模拟数组的ecah方法
    js14--原型2
  • 原文地址:https://www.cnblogs.com/hgfrzh/p/3362652.html
Copyright © 2011-2022 走看看