Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git] / examples / form / form-grid.js
index 8c3b91e..a32e278 100644 (file)
@@ -1,5 +1,5 @@
 /*!
 /*!
- * Ext JS Library 3.0.3
+ * Ext JS Library 3.1.0
  * Copyright(c) 2006-2009 Ext JS, LLC
  * licensing@extjs.com
  * http://www.extjs.com/license
  * Copyright(c) 2006-2009 Ext JS, LLC
  * licensing@extjs.com
  * http://www.extjs.com/license
@@ -140,10 +140,9 @@ Ext.onReady(function(){
                 title:'Company Data',
                 border: true,
                 listeners: {
                 title:'Company Data',
                 border: true,
                 listeners: {
-                    render: function(g) {
+                    viewready: function(g) {
                         g.getSelectionModel().selectRow(0);
                         g.getSelectionModel().selectRow(0);
-                    },
-                    delay: 10 // Allow rows to be rendered.
+                    } // Allow rows to be rendered.
                 }
             }
         },{
                 }
             }
         },{
@@ -174,55 +173,24 @@ Ext.onReady(function(){
                 fieldLabel: 'Last Updated',
                 name: 'lastChange'
             }, {
                 fieldLabel: 'Last Updated',
                 name: 'lastChange'
             }, {
-                xtype: 'panel',
-                layout: 'table',
-                layoutConfig: {
-                    columns: 4
-                },
-                anchor: '100%',
-                defaults: {
-                    border: false,
-                    layout: 'form',
-                    labelWidth: 15,
-                    style: {
-                        paddingRight: '10px'
-                    }
-                },
-
+                xtype: 'radiogroup',
+                columns: 'auto',
+                fieldLabel: 'Rating',
+                name: 'rating',
 // A radio group: A setValue on any of the following 'radio' inputs using the numeric
 // 'rating' field checks the radio instance which has the matching inputValue.
                 items: [{
 // A radio group: A setValue on any of the following 'radio' inputs using the numeric
 // 'rating' field checks the radio instance which has the matching inputValue.
                 items: [{
-                    cellCls: 'x-form-item',
-                    xtype: 'label',
-                    text: 'Rating',
-                       width: 98
+                    inputValue: '0',
+                    boxLabel: 'A'
                 }, {
                 }, {
-                    items: {    
-                        xtype: 'radio',
-                        name: 'rating',
-                        inputValue: '0',
-                        fieldLabel: 'A'
-                    }
+                    inputValue: '1',
+                    boxLabel: 'B'
                 }, {
                 }, {
-                    items: {
-                        xtype: 'radio',
-                        name: 'rating',
-                        inputValue: '1',
-                        fieldLabel: 'B'
-                    }
-                }, {
-                    items: {
-                        xtype: 'radio',
-                        name: 'rating',
-                        inputValue: '2',
-                        fieldLabel: 'C'
-                    }
+                    inputValue: '2',
+                    boxLabel: 'C'
                 }]
             }]
         }],
         renderTo: bd
     });
                 }]
             }]
         }],
         renderTo: bd
     });
-    
-    //  Create Panel view code. Ignore.
-    createCodePanel('form-grid.js', 'View code to create this Form');
 });
\ No newline at end of file
 });
\ No newline at end of file