Ext TablePanel使用autoLoad加载远程页面问题

 var tabs = new Ext.TabPanel({

                deferredRender: false,

                renderTo:Ext.getBody(),

                height:500,

                activeTab: 0, 

                items: [{

                    title: 'Close Me',

                    closable: true,

                    autoScroll: true

                }]

   });





 Ext.get("addtab").on('click', function(){

           var tab = tabs.add({

		        title: '新增',

		        closable: true,

		        loadMask:true,

		        autoLoad:{

		           url:'test.jsp',

		           scripts:true

		        },

		       autoScroll: true

		    

            }).show();

          }); 

代码如上， 就是当我点击一个按钮的时候就新添加一个tab标签,然后在该标签上远程加载jsp页面。可现在的问题就是jsp页面始终在第一个tab页上加载，这就很奇怪了，我的代码是点击就创建一个新的tab标签并在该标签上加载远程页面，可是要加载的页面却总是在第一个tab标签上加载，多个页面在第一个标签页上自上而下的排列。。。。  这是什么原因啊  怎么解决呢？  有人知道不？ 谢谢了~  搞了一天了都没搞好。。。。
------解决方案--------------------
ext4.1测试你代码没问题啊，就是在新增的tab里面显示url地址中的内容

楼主不会是看花眼了吧，新增tab后是新增的那个tab获得焦点