Skip to content

Instantly share code, notes, and snippets.

@amrishodiq
Created October 28, 2011 09:42
Show Gist options
  • Save amrishodiq/1321978 to your computer and use it in GitHub Desktop.
Save amrishodiq/1321978 to your computer and use it in GitHub Desktop.
Sencha Touch 2 Tutorial Part 4
Ext.application({
name: 'App',
launch: function()
{
Ext.create("Ext.TabPanel", {
fullscreen: true,
tabBarPosition: 'bottom',
items: [
{
title: 'Home',
iconCls: 'home',
cls: 'home',
html: [
'<img src="http://staging.sencha.com/img/sencha.png" />',
'<h1>Belajar Sencha Touch</h1>',
"<p>Kali ini Anda mempelajari Sencha Touch 2. Tutorial ini ",
"akan menunjukkan kepada Anda cara menggunakan tab, list dan ",
"form untuk membangun aplikasi untuk perangkat bergerak</p>",
'<h2>dengan Sencha Touch (2.0.0pr1)</h2>'
].join("")
},
{
xtype: 'list',
title: 'Blog',
iconCls: 'star',
itemTpl: '{title}',
store: {
fields: ['title', 'url'],
data: [
{title: 'Ext Scheduler 2.0', url: 'ext-scheduler-2-0-upgrading-to-ext-js-4'},
{title: 'Previewing Sencha Touch 2', url: 'sencha-touch-2-what-to-expect'},
{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'}
]
}
},
{
xtype: 'formpanel',
title: 'Contact Us',
iconCls: 'user',
url: 'contact.php',
layout: 'vbox',
items: [
{
xtype: 'fieldset',
title: 'Contact Us',
instructions: 'Email address is optional',
items: [
{
xtype: 'textfield',
label: 'Name',
name: 'name',
id: 'name'
},
{
xtype: 'emailfield',
label: 'Email',
name: 'email'
},
{
xtype: 'textareafield',
label: 'Message',
name: 'message',
height: 90
}
]
},
{
xtype: 'button',
text: 'Send',
ui: 'confirm',
//the handler is called when the button is tapped on
handler: function() {
}
}
]
}
]
}).setActiveItem(1);
}
});
Copy link

ghost commented Dec 15, 2014

cara supaya list pas diklik langsung menuju halaman lain gimana ?

misal "Ext Scheduler 2.0" diklik langsung keluar gambar atau text gitu gimana...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment