Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Add column header to column

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {     var radioGroup = {         xtype: 'fieldset',         title: 'Groups',         autoHeight: true,         items: [             {                 xtype: 'radiogroup',                 itemCls: 'x-check-group-alt',                 fieldLabel: 'Name',                 allowBlank: false,                 anchor: '95%',                 items: [{                     columnWidth: '.25',                     items: [                         {xtype: 'label', text: 'Heading 1', cls:'x-form-check-group-label', anchor:'-15'},                         {boxLabel: 'Item 1', name: 'yourName', inputValue: 1},                         {boxLabel: 'Item 2', name: 'yourName', inputValue: 2}                     ]                 }]             }         ]     };     var fp = new Ext.FormPanel({         title: 'Title',         frame: true,         labelWidth: 110,         width: 600,         renderTo:Ext.getBody(),         bodyStyle: 'padding:0 10px 0;',         items: [            radioGroup         ]     }); }); </script>  <div id='div1'>asdf</div> </body> </html>