extjs页面的局部刷新跳转无法实现

[SECMOORE]

先是index.jsp分为三部分，目前只操作第三部分

Ext.create('Ext.container.Viewport',{
		layout:'border',
		items: [{
			title : '系统',
			collapsible: true,
			html : '<br><center><font size = 6>系统</font></center>',
			region: 'north',
			height: 100
		},{
			title : '功能菜单',
			split:true,
			collapsible: true,
			region:'west',
			width: 180
		},{
			layout : 'fit',
			contentEl : 'contentIframe',
			collapsible: true,
			id : 'mainContent',
			region:'center',
			tbar:toolbar
		}]
	});

在toolbar上点击登录刷新 'mainContent'为login.jsp，登陆成功后如何再次刷新也就是跳转到另外一个页面，
因为已经不再一个文件中了，所以 'mainContent'是不认识的，因此想不出如何刷新

	function login(){
        	if (loginform.form.isValid()) {
        		loginform.form.submit({
			waitTitle : '请稍候',
			waitMsg : '正在登录......',
			url : 'login', //提交到servlet地址
			success : function(form, action) {
				Ext.Msg.alert('系统提示','登录成功');
                                     //在这个地方将第三部分刷新为welcome.jsp
			},
			failure : function(form, action) {
				if(action.result){
					Ext.Msg.alert('系统提示',action.result.text);
				}else{
					loginform.form.reset();
				}
			}
		});
	}
	};

请指教

[SECMOORE]

我好像考虑的有些问题，难点不是在局部刷新上，而是如何将局部页面的参数回传给第三部分
即：

 function login(){
            if (loginform.form.isValid()) {
                loginform.form.submit({
            waitTitle : '请稍候',
            waitMsg : '正在登录......',
            url : 'login', //提交到servlet地址
            success : function(form, action) {
                Ext.Msg.alert('系统提示','登录成功');
                                     //在这个地方将参数回传给 'mainContent'
            },
            failure : function(form, action) {
                if(action.result){
                    Ext.Msg.alert('系统提示',action.result.text);
                }else{
                    loginform.form.reset();
                }
            }
        });
    }
    };