Clear Up
SharpKit Reference

Email Class

Namespace: Ext.field

Base Types

System.Object

Constructors

Name Description
Email()

Properties

Name Description
alias
alternateClassName The Email field creates an HTML5 email input and is usually created inside a form. Because it creates an HTML email input field, most browsers will show a specialized virtual keyboard for email address input. Aside from that, the email field is just a normal text field. Here's an example of how to use it in a form: Ext.create('Ext.form.Panel', { tbar: { text: 'Register' }, items: [ { xtype: 'emailfield', label: 'Email', name: 'email' }, { xtype: 'passwordfield', label: 'Password', name: 'password' } ] }); Or on its own, outside of a form: Ext.create('Ext.field.Email', { label: 'Email address', value: 'prefilled@email.com' }); Because email field inherits from {@link Ext.field.Text textfield} it gains all of the functionality that text fields provide, including getting and setting the value at runtime, validations and various events that are fired as the user interacts with the component. Check out the {@link Ext.field.Text} docs to see the additional functionality available.
extend The Email field creates an HTML5 email input and is usually created inside a form. Because it creates an HTML email input field, most browsers will show a specialized virtual keyboard for email address input. Aside from that, the email field is just a normal text field. Here's an example of how to use it in a form: Ext.create('Ext.form.Panel', { tbar: { text: 'Register' }, items: [ { xtype: 'emailfield', label: 'Email', name: 'email' }, { xtype: 'passwordfield', label: 'Password', name: 'password' } ] }); Or on its own, outside of a form: Ext.create('Ext.field.Email', { label: 'Email address', value: 'prefilled@email.com' }); Because email field inherits from {@link Ext.field.Text textfield} it gains all of the functionality that text fields provide, including getting and setting the value at runtime, validations and various events that are fired as the user interacts with the component. Check out the {@link Ext.field.Text} docs to see the additional functionality available.
© Copyright 2005-2011 SharpKit. All rights reserved.