Ext.js5表单—注册表单(42)

/**
* Demonstrates a simple registration form.
* 展示了一个简单的注册表单
*/
Ext.define('KitchenSink.view.form.RegisterForm', {
extend: 'Ext.form.Panel',
xtype: 'form-register',

frame: true,
title: 'Register',
bodyPadding: 10,
scrollable:true,
width: 355,

fieldDefaults: {
labelAlign: 'right',
labelWidth: 115,
msgTarget: 'side'
},

items: [{
xtype: 'fieldset',
title: 'User Info',
defaultType: 'textfield',
defaults: {
anchor: '100%'
},

items: [
{ allowBlank:false, fieldLabel: 'User ID', name: 'user', emptyText: 'user id' },
{ allowBlank:false, fieldLabel: 'Password', name: 'pass', emptyText: 'password', inputType: 'password' },
{ allowBlank:false, fieldLabel: 'Verify', name: 'pass', emptyText: 'password', inputType: 'password' }
]
}, {
xtype: 'fieldset',
title: 'Contact Information',

defaultType: 'textfield',
defaults: {
anchor: '100%'
},

items: [{
fieldLabel: 'First Name',
emptyText: 'First Name',
name: 'first'
}, {
fieldLabel: 'Last Name',
emptyText: 'Last Name',
name: 'last'
}, {
fieldLabel: 'Company',
name: 'company'
}, {
fieldLabel: 'Email',
name: 'email',
vtype: 'email'
}, {
xtype: 'combobox',
fieldLabel: 'State',
name: 'state',
store: {
type: 'states'
},
//valueField (可选） 相关的数据值名称绑定到ComboBox
//注意：使用“valueField”要求用户进行选择，以便值被映射。
//默认匹配displayField配置的值
valueField: 'abbr',
//displayField 相关的数据域名称绑定到ComboBox 默认是："text"
displayField: 'state',
//typeAhead 为true时，配置了延迟(typeAheadDelay)后，如果匹配到已知的值将填充和自动选择键入的文本其余部分
//typeAheadDelay 以毫秒为时间单位长度，等待输入文本显示。默认为“250”
typeAhead: true,
queryMode: 'local',
emptyText: 'Select a state...'
}, {
xtype: 'datefield',
fieldLabel: 'Date of Birth',
name: 'dob',
allowBlank: false,
//maxValue 允许的最大日期
maxValue: new Date()
}]
}],

buttons: [{
text: 'Register',
disabled: true,
//在FormPanel中，任何组件被配置了 formBind: true时，可用/禁用的状态将取决于表格是否是有效的状态。默认是：false
formBind: true
}]
});

Ext.define('KitchenSink.store.States', {
extend: 'Ext.data.ArrayStore',

alias: 'store.states',

model: 'KitchenSink.model.State',

storeId: 'states',

data: [
[0, 'AL', 'Alabama', 'The Heart of Dixie'],
[1, 'AK', 'Alaska', 'The Land of the Midnight Sun'],
[2, 'AZ', 'Arizona', 'The Grand Canyon State'],
[3, 'AR', 'Arkansas', 'The Natural State'],
[4, 'CA', 'California', 'The Golden State'],
[5, 'CO', 'Colorado', 'The Mountain State'],
[6, 'CT', 'Connecticut', 'The Constitution State'],
[7, 'DE', 'Delaware', 'The First State'],
[8, 'DC', 'District of Columbia', "The Nation's Capital"],
[9, 'FL', 'Florida', 'The Sunshine State'],
[10, 'GA', 'Georgia', 'The Peach State'],
[11, 'HI', 'Hawaii', 'The Aloha State'],
[12, 'ID', 'Idaho', 'Famous Potatoes'],
[13, 'IL', 'Illinois', 'The Prairie State'],
[14, 'IN', 'Indiana', 'The Hospitality State'],
[15, 'IA', 'Iowa', 'The Corn State'],
[16, 'KS', 'Kansas', 'The Sunflower State'],
[17, 'KY', 'Kentucky', 'The Bluegrass State'],
[18, 'LA', 'Louisiana', 'The Bayou State'],
[19, 'ME', 'Maine', 'The Pine Tree State'],
[20, 'MD', 'Maryland', 'Chesapeake State'],
[21, 'MA', 'Massachusetts', 'The Spirit of America'],
[22, 'MI', 'Michigan', 'Great Lakes State'],
[23, 'MN', 'Minnesota', 'North Star State'],
[24, 'MS', 'Mississippi', 'Magnolia State'],
[25, 'MO', 'Missouri', 'Show Me State'],
[26, 'MT', 'Montana', 'Big Sky Country'],
[27, 'NE', 'Nebraska', 'Beef State'],
[28, 'NV', 'Nevada', 'Silver State'],
[29, 'NH', 'New Hampshire', 'Granite State'],
[30, 'NJ', 'New Jersey', 'Garden State'],
[31, 'NM', 'New Mexico', 'Land of Enchantment'],
[32, 'NY', 'New York', 'Empire State'],
[33, 'NC', 'North Carolina', 'First in Freedom'],
[34, 'ND', 'North Dakota', 'Peace Garden State'],
[35, 'OH', 'Ohio', 'The Heart of it All'],
[36, 'OK', 'Oklahoma', 'Oklahoma is OK'],
[37, 'OR', 'Oregon', 'Pacific Wonderland'],
[38, 'PA', 'Pennsylvania', 'Keystone State'],
[39, 'RI', 'Rhode Island', 'Ocean State'],
[40, 'SC', 'South Carolina', 'Nothing Could be Finer'],
[41, 'SD', 'South Dakota', 'Great Faces, Great Places'],
[42, 'TN', 'Tennessee', 'Volunteer State'],
[43, 'TX', 'Texas', 'Lone Star State'],
[44, 'UT', 'Utah', 'Salt Lake State'],
[45, 'VT', 'Vermont', 'Green Mountain State'],
[46, 'VA', 'Virginia', 'Mother of States'],
[47, 'WA', 'Washington', 'Green Tree State'],
[48, 'WV', 'West Virginia', 'Mountain State'],
[49, 'WI', 'Wisconsin', "America's Dairyland"],
[50, 'WY', 'Wyoming', 'Like No Place on Earth']
]
});

Ext.define('KitchenSink.model.State', {
extend: 'KitchenSink.model.Base',

fields: [
'abbr',
'state',
'description',
'country'
]
});