FieldSet Class

Namespace: Ext.form

Base Types

System.Object

Constructors

Properties

Name Description
alias A FieldSet is a great way to visually separate elements of a form. It's normally used when you have a form with fields that can be divided into groups - for example a customer's billing details in one fieldset and their shipping address in another. A fieldset can be used inside a form or on its own elsewhere in your app. Fieldsets can optionally have a title at the top and instructions at the bottom. Here's how we might create a FieldSet inside a form: Ext.create('Ext.form.Panel', { items: [ { xtype: 'fieldset', title: 'About You', instructions: 'Tell us all about yourself', items: [ { xtype: 'textfield', name : 'firstName', label: 'First Name' }, { xtype: 'textfield', name : 'lastName', label: 'Last Name' } ] } ] }); Above we created a {@link Ext.form.Panel form} with a fieldset that contains two text fields. In this case, all of the form fields are in the same fieldset, but for longer forms we may choose to use multiple fieldsets. We also configured a {@link #title} and {@link #instructions} to give the user more information on filling out the form if required.
extend A FieldSet is a great way to visually separate elements of a form. It's normally used when you have a form with fields that can be divided into groups - for example a customer's billing details in one fieldset and their shipping address in another. A fieldset can be used inside a form or on its own elsewhere in your app. Fieldsets can optionally have a title at the top and instructions at the bottom. Here's how we might create a FieldSet inside a form: Ext.create('Ext.form.Panel', { items: [ { xtype: 'fieldset', title: 'About You', instructions: 'Tell us all about yourself', items: [ { xtype: 'textfield', name : 'firstName', label: 'First Name' }, { xtype: 'textfield', name : 'lastName', label: 'Last Name' } ] } ] }); Above we created a {@link Ext.form.Panel form} with a fieldset that contains two text fields. In this case, all of the form fields are in the same fieldset, but for longer forms we may choose to use multiple fieldsets. We also configured a {@link #title} and {@link #instructions} to give the user more information on filling out the form if required.
© Copyright 2005-2011 SharpKit. All rights reserved.