1
但是,如果我尝试将XTemplate
插入其中一个面板,然后调用content.update(myArray);
,我的TabPanels会按预期生成,结果是面板不会显示不动,按钮不起作用,模板不呈现。如何使XTemplate在Sencha Touch中与TabPanel一起使用
谁能告诉我我做错了什么?
<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&byline=0&portrait=0&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>
的'content.update(videosToShow);'位仅仅是因为我在试图制作自己的c时正在关注视频教程ustom面板。 **注意自己:**按照教程的信。 – 2011-05-17 15:15:00