dancha
10 Sep 2010, 6:01 PM
Can't seem to autoload into a tabpanel card. Is this not possible or am I just missing something?
Ext.setup({
5 icon: 'icon.png',
6 tabletStartupScreen: 'tablet_startup.png',
7 phoneStartupScreen: 'phone_startup.png',
8 glossOnIcon: false,
9 onReady: function() {
10 somewhere = "<h1>Health Content loaded from somewhere</h1>";
11 tabpanel = new Ext.TabPanel({
12 tabBar: {
13 dock: 'bottom',
14 layout: {
15 pack: 'center'
16 }
17 },
18 fullscreen: true,
19 ui: 'light',
20 id: 'tabpanelid',
21 animation: {
22 type: 'cube',
23 cover: true
24 },
25 defaults: {
26 scroll: 'vertical'
27 },
28 items: [ {
29 title: 'Alerts',
30 autoLoad: 'alerts.html',
31 badgeText: '2',
32 cls: 'alertContent',
33 iconCls: 'alertsIcon'
34 }, {
35 title: 'Health',
36 html: somewhere,
37 cls: 'healthContent',
38 iconCls: 'healthIcon'
39 }, {
40 title: 'Savings',
41 html: '<h1>Savings Content</h1>',
42 cls: 'savingsContent',
43 iconCls: 'moneybag'
44 },{
45 title: 'Spending',
46 html: '<h1>Spending Content</h1>',
47 cls: 'spendingContent',
48 iconCls: 'cashIcon'
49 }]
50 });
51
52 }
});
Ext.setup({
5 icon: 'icon.png',
6 tabletStartupScreen: 'tablet_startup.png',
7 phoneStartupScreen: 'phone_startup.png',
8 glossOnIcon: false,
9 onReady: function() {
10 somewhere = "<h1>Health Content loaded from somewhere</h1>";
11 tabpanel = new Ext.TabPanel({
12 tabBar: {
13 dock: 'bottom',
14 layout: {
15 pack: 'center'
16 }
17 },
18 fullscreen: true,
19 ui: 'light',
20 id: 'tabpanelid',
21 animation: {
22 type: 'cube',
23 cover: true
24 },
25 defaults: {
26 scroll: 'vertical'
27 },
28 items: [ {
29 title: 'Alerts',
30 autoLoad: 'alerts.html',
31 badgeText: '2',
32 cls: 'alertContent',
33 iconCls: 'alertsIcon'
34 }, {
35 title: 'Health',
36 html: somewhere,
37 cls: 'healthContent',
38 iconCls: 'healthIcon'
39 }, {
40 title: 'Savings',
41 html: '<h1>Savings Content</h1>',
42 cls: 'savingsContent',
43 iconCls: 'moneybag'
44 },{
45 title: 'Spending',
46 html: '<h1>Spending Content</h1>',
47 cls: 'spendingContent',
48 iconCls: 'cashIcon'
49 }]
50 });
51
52 }
});