Ext4.2 使用iframe实现页面四宫格布局

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_33704704/article/details/86518125

var xxxPanel = new Ext.Panel({

           renderTo: Ext.getBody(),

            layout: 'anchor',

            width : '100%',

            height : heightbody+40,

            items: [ {

                anchor: '100% 50%',

                items: [{

                  layout:"column",

                  items:[{

                      columnWidth:.5,

                      title:"柱状图",

                    html: '<iframe scrolling="auto" frameborder="0" width="100%" height="570px" src="../XXX/XXX"> </iframe>'

                 },{

                      columnWidth:.5,

                      title:"折线图",

                      html: '<iframe scrolling="auto" frameborder="0" width="100%" height="570px" src="../XXX/XXX"> </iframe>'

                  }]

                }]

            },{

                anchor: '100% 50%',

                items: [{

                      layout:"column",

                      items:[{

                          columnWidth:.5,

                          title:"饼图",

                        html: '<iframe scrolling="auto" frameborder="0" width="100%" height="570px" src="../XXX/XX"> </iframe>'

                      },{

                          columnWidth:.5,

                          title:"面板",

                          html: ''

                      }]

                    }]

            }]

        });