TabPanels が期待どおりに生成されましたがXTemplate
、パネルの 1 つに を挿入してから を呼び出すとcontent.update(myArray);
、パネルが動かず、ボタンが機能せず、テンプレートが機能しません。レンダリングしません。
誰が私が間違っているのか教えてもらえますか?
<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>