• 使用 append 方法追加元素


    来自于《sencha touch 权威指南》

    学习使用 Ext.DomHelper 组件在页面中追加元素。app.js代码如下:

    Ext.require(['Ext.form.Panel','Ext.Toolbar']);
    Ext.application({
        name: 'MyApp',
        icon: 'images/icon.png',
        glossOnIcon: false,
        phoneStartupScreen: 'images/phone_startup.png',
        tabletStartupScreen: 'images/tablet_startup.png',
        
        launch: function(){
            function appendDom(){
                Ext.DomHelper.append('my-div',{
                    id: 'url-list',
                    tag: 'ul',
                    cn:[{
                        tag: 'li',
                        cn: [{
                            tag: 'a',
                            html: 'google',
                            href: 'http://www.baidu.com/'
                        }]
                    },{
                        tag: 'li',
                        cn: [{
                            tag: 'a',
                            html: 'sina',
                            href: 'http://www.sina.com.cn/'
                        }]
                    }]
                });
            }
    
            var myToolbar = Ext.create('Ext.Toolbar',{
                docked: 'top',
                items: [{
                    xtype: 'button',
                    text: '追加元素',
                    handler: function(){
                        appendDom();
                    }
                }]
            });
    
            var MyPanel = Ext.create('Ext.Panel',{
                id: 'MyPanel',
                title: '通过DomHelper组件追加元素',
                html: '<div id="my-div"></div>',
                items: [myToolbar]
            });
    
            Ext.Viewport.add(MyPanel);
        }
    });

     显示效果:

  • 相关阅读:
    排序
    最小栈
    移除链表元素
    回文链表
    maven自动建立目录骨架
    maven的结构和构建命令
    递归
    链表的中间结点
    括号匹配
    软件工程个人作业01
  • 原文地址:https://www.cnblogs.com/phpway/p/3454848.html
Copyright © 2020-2023  润新知