Sencha touch 如何使用Sencha Touch中的TabPanel使XTemplate工作

但是，如果我尝试将

XTemplate

注入其中一个面板，然后调用

content.update（myArray），我的TabPanels就会按预期生成，结果是面板不移动，按钮不工作，模板不渲染

谁能告诉我我做错了什么

<script type="text/javascript">
    Ext.setup({
        onReady: function () {
            var rootPanel,
                videoPanel,
                aboutPanel,
                videoTpl,
                bergman,
                gray,
                videosToShow

            bergman = { id: "23657322" };
            gray = { id: "23694183" };
            videosToShow = [bergman, gray];

            videoTpl = new Ext.XTemplate(
                '<tpl for=".">',
                '<iframe src="http://player.vimeo.com/video/{id}?title=0&amp;byline=0&amp;portrait=0&amp;color=80ceff" ',
                'width="400" ',
                'height="225" ',
                'frameborder="0">',
                '</iframe>',
                '</tpl>'
            );

            videoPanel = {
                title: "Videos",
                tpl: videoTpl,
                iconCls: "tv",
                badgeText: "1",
                dockedItems: [{ xtype: "toolbar", title: "Videos"}],
                scroll: "vertical"
            };

            aboutPanel = {
                title: "About",
                html: "About RockPointe Church.",
                iconCls: "more",
                dockedItems: [{ xtype: "toolbar", title: "About"}],
                scroll: "vertical"
            };

            rootPanel = new Ext.TabPanel({
                fullscreen: true,
                layout: 'card',
                items: [videoPanel, aboutPanel],
                tabBar: { dock: 'bottom' }
            });

            content.update(videosToShow);
        }
    });
</script>


外部设置({
onReady:function（）{
var根面板，
视频面板，
大约，
视频第三方物流，
伯格曼，
灰色
录像放映
伯格曼={id:“23657322”}；
格雷={id:“23694183”}；
videosToShow=[bergman，gray]；
videoTpl=新的Ext.XTemplate(
'',
'',
'',
''
);
视频面板={
标题：“视频”，
第三方物流：视频第三方物流，
iconCls：“电视”，
正文：“1”，
dockedItems:[{xtype:“工具栏”，标题：“视频”}]，
滚动：“垂直”
};
大约人={
标题：“关于”，
html：“关于RockPointe教堂。”，
iconCls：“更多”，
dockedItems:[{xtype:“工具栏”，标题：“关于”}]，
滚动：“垂直”
};
rootPanel=new Ext.TabPanel({
全屏：对，
布局：“卡片”，
项目：[视频面板，约面板]，
选项卡栏：{dock:'bottom'}
});
内容更新（视频直播）；
}
});
我想出来了

我需要
videoPanel.update（videosToShow）

我也必须改变

videoPanel={


到

videoPanel=新的面板（{
我想出来了

我需要
videoPanel.update（videosToShow）；

我也必须改变

videoPanel={


到

videoPanel=new Panel（{
content.update（videosToShow）；
位仅仅是因为我在尝试制作自己的自定义面板时遵循了视频教程。自我注意：严格遵循教程。
content.update（videosToShow）
bit仅仅是因为我在制作自己的自定义面板时遵循了视频教程。