var p = new SamplePanel({
        title: 'Standard',
        renderTo : Ext.getBody(),
        tbar: [{
            xtype:'splitbutton',
            text: 'Menu Button',
            iconCls: 'add16',
            menu: [{text: 'Menu Button 1'}]
        },'-',{
            xtype:'splitbutton',
            text: 'Cut',
            iconCls: 'add16',
            menu: [{text: 'Cut Menu Item'}]
        },{
            text: 'Copy',
            iconCls: 'add16'
        },{
            text: 'Paste',
            iconCls: 'add16',
            menu: [{text: 'Paste Menu Item'}]
        },'-',{
            text: 'Format',
            iconCls: 'add16'
        }]
    });





var panel  = new Ext.Panel() {

{ 
	xtype: 'form',
	title: 'Product report',
	closable: true,
	autoScroll: true,
  items: [{
	  xtype: 'editorgrid',
		store: new Ext.data.Store({
			url: 'griddata.js?func=getRows',
		  autoLoad: true,
			reader: new Ext.data.JsonReader({})
    }),
    colModel: new Ext.grid.ColumnModel({
			defaults: {
				width: 120,
				sortable: true
			},
			columns: [
				{header: 'Product', width: 200, sortable: true, dataIndex: 'PRODID'},
				{header: 'Price', renderer: Ext.util.Format.usMoney, sortable: true, dataIndex: 'PRICE'},
				{header: 'Nanufacturer', sortable: true, dataIndex: 'MANUID'},
				{header: 'Last Updated', width: 135, sortable: true, dataIndex: 'STOCKDATE', xtype: 'datecolumn', format: 'Y-m-d'}
			],
    }),
    viewConfig: {
      forceFit: true,
    },
    sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
    width: '100%',
    height: 300,
    frame: true,
    title: 'Product report',
    iconCls: 'icon-grid'
	}]
}		

}

