extjs4 使用autoload方式页面不能加入到tab中，怎么弄呢？

unction addTab(functionModel) {
var tab = Ext.getCmp(functionModel.data.id);
if (tab) {
tabPanel.setActiveTab(tab);
} else {
tab=tabPanel.add({
id : functionModel.data.id,
title : functionModel.data.text,
iconCls : "treeNodeLeafIcon",
/* html : '<iframe id="iframe_'+functionModel.data.id+'" src="'
+ '/'
+ getAppName()
+ functionModel.data.url
+' " width=100% height=100% marginwidth="0" framespacing="0" marginheight="0" frameborder="0" ></iframe>',*/
autoLoad:{url:'test.jsp', scripts:true} ,
closable : true
}).show();
tabPanel.setActiveTab(tab);
}
}---jsp--- <body>
   <!--  <script type="text/javascript" src="scripts/view/SysUserEdit.js"></script>  -->
  <script type="text/javascript">
  /* if(top.Ext == null || top.Ext =='undefined'){
  document.write('<script type="text/javascript" src="/extjs4/bootstrap.js"><\/script>');
  }
  var Ext = top.Ext; */
  //top.Ext.create('esbApp.view.SysUserEdit');
  top.Ext.onReady(function(){
  top.Ext.create('Ext.container.Viewport',{
  baseCls : 'x-plain',
  items : [{xtype:'sysuseredit'}]
  //items : [top.Ext.create('SysUserEdit')]
  });
  }); 
  </script>
  </body>