Sencha Touch 2中怎么弹出一个网页并关掉此网页

Sencha Touch 2中如何弹出一个网页并关掉此网页

由于本地的app一般不允许打开一个网页，所以我们可以采用popup的方式，通过浮层中嵌套网页的方式来打开网页。

1.首先定义一个按钮并定义它的事件

text:'尝试',
						handler:function(){
							Ext.Viewport.add({
								xtype: 'bigpanel'
							});
							
							
							 Ext.getCmp('bigClose').setHandler(function(){
									Ext.getCmp('bigPanel').destroy();
									//myApp.getDecriptionOverlay().destroy();



								});

							
							
							
						}

2.定义弹出的panel（浮层）定义文件名为BigPanel

/**
 * Created by JetBrains WebStorm.
 * User: Administrator
 * Date: 12-5-30
 * Time: 下午9:01
 * To change this template use File | Settings | File Templates.
 */
Ext.define("Path.view.BigPanel", {
    extend : 'Ext.Panel',
    xtype: 'bigpanel',
    requires:['Ext.field.DatePicker'],
    config: {
        id:'bigPanel',
        modal: true,
        centered: true,
        width: Global.width,
        height:Global.height,
        styleHtmlContent: true,
        scrollable: 'vertical',
        cls: 'htmlcontent',
		html:'<iframe src="http://www.cfxixi.com"  height="100%" width="100%"></iframe>',
        items:[{
            xtype:'toolbar',
            id:'bigTb',
            docked: 'bottom',
            items:[{
                xtype:'spacer'
            },
            {
                text:'确认',
                ui:'action',
                id:'bigConfirm'
            },
            {
                text:'关闭',
                ui:'action',
                id:'bigClose'
            }]
        }]




    }
});

3.由此便可打开一个嵌套有网站的网页了，当然关掉的时候lz用到了destroy的方法

更多疑问可到qq群224711028大家交流