var agendaDataStore;
var agendaColumnModel;
var agendaListingEditorGrid;
var agendaListingWindow;
Ext.onReady(function(){
  Ext.QuickTips.init();
  
  agendaDataStore = new Ext.data.Store({
      id: 'agendaDataStore',
      proxy: new Ext.data.HttpProxy({
                url: 'archivo.php', 
                method: 'POST'
            }),
            baseParams:{envio: "LISTAR"}, 
			
      reader: new Ext.data.JsonReader({
        root: 'results',
        totalProperty: 'total'
   },[ 
		{name: 'st_ubicacion' , type: 'string', mapping: 'st_ubicacion'},
		{name: 'st_asunto', type: 'string', mapping: 'st_asunto'}
		      
	  ]),
      sortInfo:{field: 'st_ubicacion', direction: "ASC"}
    });
    
  agendaColumnModel = new Ext.grid.ColumnModel(
    [{
        header: 'Ubicacion',
        dataIndex: 'st_ubicacion',
        width: 100
      },{
        header: 'Informacion Adicional',
        dataIndex: 'st_asunto',
        width: 340
      }] 
    );
    agendaColumnModel.defaultSortable= true;
  
     agendaListingEditorGrid =  new Ext.grid.EditorGridPanel({
      id: 'agendaListingEditorGrid',
      store: agendaDataStore,
      cm: agendaColumnModel,
      enableColLock:false,
      clicksToEdit:1,
      selModel: new Ext.grid.RowSelectionModel({singleSelect:false})
    });
    
    
  agendaListingWindow = new Ext.Panel({
      id: 'agendaListingWindow',
      title: 'Nombre',
      closable:true,
      width:680,
      height:400,
      plain:true,
      layout: 'fit',
      items: agendaListingEditorGrid
    });
  agendaDataStore.load();
  agendaListingWindow.show();
  
});