/
Main.js
113 lines (103 loc) · 3.63 KB
/
Main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
Ext.define('Sencha.view.Main', {
extend: 'Ext.Panel',
xtype: 'main',
requires: [
'Sencha.view.Home',
'Sencha.view.Search',
'Sencha.view.NewProperty',
'Sencha.view.About',
'Sencha.view.Settings',
'Sencha.view.Action',
'Sencha.view.More',
],
config: {
layout: {
pack: 'center'
},
showNavBarItemIds: ['maps', 'refresh'],
items: [
{
html: 'Hello',
layout: 'fit'
},
{
docked: 'top',
// ui: 'light',
items: [
{
iconCls: 'search',
iconMask: true,
// xtype: 'button',
align: 'right'
},
{
iconCls: 'home',
iconMask: true,
align: 'right'
}
]
},
{
docked: 'bottom',
xtype: 'toolbar',
cls: 'nav-bar',
layout: {
pack: 'center'
},
items: [
{
iconCls: 'maps',
iconMask: true,
text: 'Map',
id: 'mymap',
handler: function() {
console.log('Add more card!');
FriendlyRent.navigation.push(
// {
// title: 'Second',
// html: 'Second view!'
// }
{ xtype: 'morecard' }
);
// console.log(FriendlyRent.navigation.getNavigationBar().getItems().items[2].iconCls = 'home');
// FriendlyRent.navigation.pushTitle('Hello World');
// this.getMain().getNavigationBar().titleComponent.setWidth(100);
// FriendlyRent.navigation.setNavigationBar(
// {
// docked: 'top',
// // ui: 'light',
// items: [
// {
// iconCls: 'search',
// iconMask: true,
// // xtype: 'button',
// align: 'right'
// },
// {
// iconCls: 'home',
// iconMask: true,
// align: 'right'
// }
// ]
// }
// );
}
},
{
iconCls: 'refresh',
iconMask: true,
text: 'Refresh',
id: 'myrefresh'
}
]
}
// { xtype: 'actioncard' },
// { xtype: 'morecard' }
// { xtype: 'homecard' },
// { xtype: 'searchcard' },
// { xtype: 'actioncard' },
// { xtype: 'settingscard' },
// { xtype: 'morecard' }
]
}
});