sencha touch中的表单及下拉框

Ext.application({
name: 'Form',

launch: function() {

var formPanel = Ext.create('Ext.form.Panel', {
fullscreen: true,

items: [
{
xtype: 'fieldset',
title: 'Register',

items: [

{
xtype: 'emailfield',
name : 'email',
label: 'Email'
},
{
xtype: 'emailfield',
name : 'confirm email',
label: 'Confirm Email'
},
{
xtype: 'passwordfield',
name : 'password',
label: 'Password'
},
{
xtype: 'passwordfield',
name : 'confirm password',
label: 'Confirm Password'
},
{
xtype: 'textfield',
name : 'last name',
label: 'Last Name'
},
{
xtype: 'textfield',
name : 'first name',
label: 'First Name'
},
{//下拉菜单设置
xtype: 'selectfield',
name : 'user type',
label: 'User Type',
options:[
{
text : 'Student',
value: 'Student'
},
{
text : 'Teacher',
value: 'Teacher'
},
{
text : 'Administrator',
value: 'administrator'
}
]
},
{
xtype: 'passwordfield',
name : 'access code',
label: 'Access Code'
}


]
},
{
xtype:'toolbar',
layout:{ pack:'center'},

items:{
xtype:'button',
text:'Create'
}
},
]
});

}

});