function test()
{
	Ext.form.Field.prototype.msgTarget = 'side';

    var bd = Ext.getBody();

//   Define the Grid data and create the Grid
    var myData = [
                  [1,'Bad Weather',"test",'1/31/2011'],
                  [2,'Good Job',"test",'1/31/2011'],
                  [3,'Help Wanted, Part time Employment',"test",'1/31/2011']
    ];

    var ds = new Ext.data.Store({
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'title'},
            {name: 'body'},
            {name: 'date', type: 'date'}
        ]),
        id: "id"
    });
    ds.loadData(myData);


    // the DefaultColumnModel expects this blob to define columns. It can be extended to provide
    // custom or reusable ColumnModels
    var colModel = new Ext.grid.ColumnModel([
        {id: 'title',dataIndex: 'title', 	header: "Title", 		width: 160},
        {dataIndex: 'date', 	header: "Post Date", 	width: 80,	renderer: Ext.util.Format.dateRenderer('m/d/Y')},
    ]);

	

	var gridForm = new Ext.FormPanel({
        id: 'company-form',
        frame: true,
        bodyStyle:'padding:5px',
        width: 750,
        items: [{
	            layout: 'fit',
	            items: {
		                xtype: 'grid',
		                ds: ds,
		                cm: colModel,
		                sm: new Ext.grid.RowSelectionModel({
		                    singleSelect: true,
		                    listeners: {
		                        rowselect: function(sm, row, rec) {
		                            Ext.getCmp("company-form").getForm().loadRecord(rec);
		                        }
		                    }
		                }),
		                autoExpandColumn: 'title',
		                height: 150,
		                border: true,
		                listeners: {
		                    viewready: function(g) {
		                        g.getSelectionModel().selectRow(0);
		                    } // Allow rows to be rendered.
		                }
		            }
        	},{
            xtype: 'fieldset',
            labelWidth: 90,
            title:'Company details',
            defaultType: 'textfield',
            autoHeight: true,
            border: true,
            items: [{
                fieldLabel: 'Title',
                name: 'title'
            },{
                xtype: 'datefield',
                fieldLabel: 'Post Date',
                name: 'date'
            },{
                xtype:'htmleditor',
                id:'body',
                fieldLabel:'Long Text',
                height:200
            }]
        }]
    });
	
	var win = new Ext.Window({
        title: 'News',
        closable:true,
//        width:760,
		autoWidth: true,
//        height:550,
		autoHeight:true,
        //border:false,
        plain:true,
        layout: 'table',
        modal: true,
        items:[
				gridForm
               ]
    });

	win.show(this);
    return 1;
	
}