extjs 创建多个实例

最新推荐文章于 2018-11-20 21:44:58 发布

zwlabcdefg

最新推荐文章于 2018-11-20 21:44:58 发布

阅读量147

点赞数

分类专栏： Extjs 文章标签： EXT HTML

本文链接：https://blog.csdn.net/zwlabcdefg/article/details/83911243

版权

Extjs 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Ext.onReady(function() {
    var html = '<p>测试数据.</p>';
    
    var configs = [{
        title: 'Basic Panel',
        collapsible:true,
        width:400,
        html: html
    },{
        width: 320,
        height: 320,
        title: 'Masked Panel with a really long title',
        bodyStyle: "padding: 5px;",
        html: 'Some content',
      
    }];
    
    Ext.each(configs, function(config) {   //循环迭代 configs 
        var element = Ext.getBody().createChild({cls: 'panel-container'});//创建一个子窗口
        
        Ext.createWidget('panel', Ext.apply(config, {
            renderTo: element,
            bodyPadding: 7
        }));
    });
});