Ext.Viewport的item里的加载顺序

Question

items里有两个iframe，maincenter 和mainleft ，maincenter的src是一个静态页面，静态页面里引用着另一个iframe3(name是MapFrame)，mainleft的src是一个aspx页面，team_SelectList.aspx,在team_SelectList.aspx里呢，我要调用MapFrame的方法，在页面一加载的时候就要调用了，可是有个问题，就是经常，前面的maincenter ,MapFrame都没加载完，mainleft 里的那个team_SelectList.aspx页面就加载完了，开始调用方法了，parent.maincenter.MapFrame.displayEntp11Only，然后他就报parent.maincenter.MapFrame不存在，
我的items是这样写的，能不能控制items里面第一个页面加载完，才加载items里面第二个页面  var viewport;
  var workGrid;
  var titleName =' 队伍控制 ';
  Ext.onReady(function() {
  viewport = new Ext.Viewport({
id: "vp",   
         layout:'border',
          items:[
                  {
           region:'center',
  margins:'0 0 0 0',
           cmargins:'0 0 0 0',
  minSize: 175,
  maxSize: 400,
  bodyStyle:'background:#f1f1f1',
  html:'<IFRAME id=maincenter style="Z-INDEX: 9999;  WIDTH: 100%; HEIGHT: 100%;padding-bottom:0;padding-top:0;padding-left:0;padding-right:0;" scrolling=yes name=maincenter src="qycxdt.html" frameBorder=0></IFRAME>'
},
{
                     id: 'west', 
   title:titleName,
   region: 'west',
   html: '<IFRAME id=mainleft style="Z-INDEX: 1;  WIDTH: 100%; HEIGHT: 100%;padding-bottom:0;padding-top:0;padding-left:0;padding-right:0;scrolling=auto" name=mainleft src="../mapSrc/team_SelectList.aspx?team_id='+team_id+'" frameBorder=0></IFRAME>',
   split:true,
   width: 250,
   minSize: 150,
            maxSize: 400,
   collapsible: true,
   margins:'0 0 0 0',
   cmargins:'0 0 0 0'
}
]
            });        });