zoukankan      html  css  js  c++  java
  • 动态添加一个控件到viewport中去

    代码
    Ext.namespace('IAMadmin');

    IAMadmin.MainApp 
    = function() {
               
        
    // public space
        return {
            
    // public properties
            viewport: false,
            container_west: 
    false,
            container_center: 
    false,
            
            
    // public methods
            init: function() {
                
                
    this.container_west = new Ext.Panel({
                    region: 
    'west',
                    id: 
    'container_west',
                    hideBorders: 
    true
                });
                
    this.container_center = new Ext.Panel({
                    region: 
    'center',
                    id: 
    'container_center',
                    hideBorders: 
    true
                });
                
                
    this.viewport = new Ext.Viewport({
                    layout: 
    'border',
                    items: [{
                        region: 
    'north',
                        xtype: 
    'mainmenu'                // I created this one
                    },
                    
    this.container_west,
                    
    this.container_center
                    ]
                });
            }, 
    // end of init
            
            onClick: 
    function(obj,evt) {
                
    var treePanelBuilder    = new Ext.ux.TreePanelBuilder();
                
    var treePanel            = treePanelBuilder.buildTreePanel();
                
                
    this.container_west.setWidth(200);
                
    this.container_west.add(treePanel);
                
                
    this.viewport.doLayout();
            }
        };
        
    }(); 
    // end of application

    基本的思路就是先生成一个容器,比如一个panel1,,在声明viewport的时候把这个容器加进去(items:panel1),然后把需要动态添加的控件添加到panel1

    panel1.add(一个控件);

    panel1.doLayout();

    注意:容器添加后,需要调用doLayout方法,以便更新容器界面

  • 相关阅读:
    9.1 正则介绍_grep上 9.2 grep中 9.3 grep下
    汉诺塔递归问题
    8.10 shell特殊符号cut命令 8.11 sort_wc_uniq命令 8.12 tee_tr_split命令 8.13 shell特殊符号下
    8.6 管道符和作业控制 8.7/8.8 shell变量 8.9 环境变量配置文件
    8.1 shell介绍 8.2 命令历史 8.3 命令补全和别名 8.4 通配符 8.5 输入输出重定向
    socket中使用序列化传结构体
    C# get,set属性用法
    Log4Net如何将日志按不同类型写入多个文件中
    app.config文件的configation标签中加代码引起”配置系统未能初始化“
    WinForm下使用 log4net
  • 原文地址:https://www.cnblogs.com/timy/p/1783931.html
Copyright © 2011-2022 走看看