2 * @class {name}.Viewport
4 * This is a default generated class which would usually be used to initialize your application's
5 * main viewport. By default this is simply a welcome screen that tells you that the app was
8 {name}.Viewport = Ext.extend(Ext.Panel, {
13 initComponent: function() {
14 var store = new Ext.data.Store({
15 fields: ['text', 'href'],
19 href: 'http://dev.sencha.com/deploy/touch/docs/'
22 text: 'Touch Examples',
23 href: 'http://dev.sencha.com/deploy/touch/examples/'
36 tpl : '<{tpl} for="."><div class="link"><strong>\{text\}</strong></div></{tpl}>',
37 itemSelector: 'div.link',
40 itemtap: this.onListItemTap
62 title: 'Welcome to Sencha Touch'
69 style: 'background:#fff',
71 styleHtmlContent: true,
74 '<h3>Getting Started</h3>',
75 '<p>You have successfully generated the {name} application. Currently this app is a blank slate, ',
76 'with just the minimum set of files and directories. The file creating this interface can be found ',
77 'in app/views/Viewport.js</p>'
85 {name}.Viewport.superclass.initComponent.apply(this, arguments);
88 onListItemTap: function(list, index, node, e) {
89 var record = list.getRecord(node);
91 window.open(record.get('href'));