Loading
 
What's Next: View All Tutorial →

Extjs Form and Elements

Simple Form    Ext.create('Ext.form.Panel', { title: 'Simple Form', bodyPadding: 6, width: 450, height: 425, defaults: { xtype: 'textfield' }, items: [{ fiel...

Published Date: 04/09/2014  Last Modified Date: 04/09/2014    New Post



Simple Form 

 
Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 6,
    width: 450,
    height: 425,
    defaults: {
        xtype: 'textfield'
    },
    items: [{
        fieldLabel: 'First Name',
        name: 'first'
    }, {
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }, {
        xtype: 'datefield',
        fieldLabel: 'Date of Birth',
        name: 'dob'
    }, {
        xtype: 'checkboxfield',
        boxLabel: 'Married',
        name: 'married'
    }, {
        xtype: 'radiogroup',
        fieldLabel: 'Sex',
        columns: 1,
        items: [{
            boxLabel: 'Male',
            name: 'sex'
        }, {
            boxLabel: 'Female',
            name: 'sex'
        }]
    }, {
        xtype: 'htmleditor',
        fieldLabel: 'Brief Biography',
        name: 'bio'
    }],
    renderTo: Ext.getBody()
})


 
Awaiting for Administrator approval





Tags: Forms

← Back to list


Related Post




×