Sencha touch 添加一个弹出按钮或图标，允许在Sencha 2中打开外部网站

我想添加一些功能或图标，当我点击它打开新的poup的网站链接在该poup。我如何才能添加它

    {
        xtype: "list",
        store: "Plays",
        itemId:"playsList",
        loadingText: "Loading PlaysList...",
        emptyText: '<div class="notes-list-empty-text">No PlayList found.</div>',
        onItemDisclosure: true,
        draggable:true,
        itemTpl: '<div class="list-item-title">{title}</div><div class="list-item-narrative">{duration}</div><div class="list-item-hide">{hidden}</div>',
                  },

{
xtype:“列表”，
商店：“播放”，
itemId:“playsList”，
loadingText:“正在加载播放列表…”，
emptyText:“未找到播放列表”，
对，是的，
真的，
itemTpl:“{title}{duration}{hidden}”，
},

我想在打开MDisClosure按钮之前添加ie=>我在下面给出了它的详细信息。所以当我点击它时，在弹出窗口中打开那个特定的网站

屏幕上的输出是这样的

16=>
18=>我希望这能有所帮助。：）

var outerPanel=新的外部面板({
全屏：对，
风格：{
背景：“#ffffff”，
},
项目：[
{
xtype:'按钮'，
文本：“单击打开”，
处理程序：函数（）{
var overlay=新的外部面板({
浮动：是的，
莫代尔：是的，
对,，
宽度：700，
身高：500，
styleHtmlContent:对，
html:“您的设备不支持iFrame。”，
项目：[]，
}).show（'pop'，true）；
}
}
]
})

---

再见

请参考并描述您的设备，以便在有问题时使用。在此处查看详细信息@hekomobile抱歉，我不知道。感谢您了解所有常见问题解答：）我不想在此处打开iframe我想在弹出窗口中显示一个表单。那么我要做什么改变呢

var outerPanel = new Ext.Panel({
    fullscreen: true,
    style: {
        background:'#ffffff',
    },
    items: [
        {
            xtype: 'button',
            text: 'click to open', 
            handler:function() {
                var overlay = new Ext.Panel({
                    floating : true,
                    modal:true,
                    centered : true,
                    width : 700,
                    height : 500,
                    styleHtmlContent: true, 
                    html: '<div><iframe style="width:100%;height:100%;" src="http://www.some.com/">Your device does not support iframes.</iframe></div>',
                    items: [],
                }).show('pop', true);
            }
        }
    ]
})