Ext JS JavaScript DHTML



Hello World Window






Ext.onReady(function() {
    var radioGroup = {
        xtype: 'fieldset',
        title: 'Groups',
        autoHeight: true,
        items: [
            {
                xtype: 'radiogroup',
                fieldLabel: 'Auto Layout',
                items: [
                    {boxLabel: 'Item 1', name: 'yourName', inputValue: 1},
                    {boxLabel: 'Item 2', name: 'yourName', inputValue: 2, checked: true},
                    {boxLabel: 'Item 3', name: 'yourName', inputValue: 3},
                    {boxLabel: 'Item 4', name: 'yourName', inputValue: 4},
                    {boxLabel: 'Item 5', name: 'yourName', inputValue: 5}
                ]
            }
        ]
    };
    var fp = new Ext.FormPanel({
        title: 'Title',
        frame: true,
        labelWidth: 110,
        width: 600,
        renderTo:Ext.getBody(),
        bodyStyle: 'padding:0 10px 0;',
        items: [
           radioGroup
        ],
        buttons: [{
            text: 'Save',
            handler: function(){
               if(fp.getForm().isValid()){
                    Ext.Msg.alert('asdf');
                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });
});
 
asdf