Start sencha touch 2 Tour 3

Now we have seen a relatively decent shot home page. Next let's make some extensions. We first use fictitious data to display the latest blog on a separate tab.ArticleList (displayed in list ). Here we select severalHttp://sencha.com/blog. About listCodeWe wrote it under the "home" tab (click the preview button to see the Running code sample ).

Ext. Application ({

Name: 'sencha ',

 

Launch :(){

Ext. Create ("Ext. tabpanel ",{

Fullscreen: True,

Tabbarposition: 'bottom ',

 

Items :[

{

Title: 'home ',

Iconcls: 'home ',

CLS: 'home ',

HTML :[

' ',

'<H1> welcome to sencha touch

"<P> you're creating the Getting Started app. This demonstrates how ",

"To use tabs, lists and forms to create a simple app </P> ",

'<H2> sencha touch (2.0.0pr1) </H2>'

]. Join ("")

},

{

Xtype: 'LIST ',

Title: 'blog ',

Iconcls: 'star ',

 

Itemtpl: '{Title }',

Store :{

Fields: ['title', 'url'],

Data :[

{Title: 'ext scheduler 100', URL: 'ext-scheduler-2-0-upgrading-to-ext-js-4 '},

{Title: 'previewing sencha touch 2', URL: 'sencha-touch-2-what-to-know CT '},

{Title: 'sencha con 2011 ', URL: 'senchacon-2011-now-packed-with-more-goodness '},

{Title: 'documentation in ext JS 4', URL: 'New-ext-js-4-documentation-center '}

]

}

}

]

}). Setactiveitem (1 );

}

});