[RogeR31415]

=====
app.js
=====

Ext.onReady(function() {
	
var store = Ext.create('Ext.data.JsonStore', {
	proxy: {
    type: 'ajax',
    url: 'get.php',
    reader: {
		type: 'json'
		}	
	},			
	fields:[ 'id', 'first_name', 'last_name', 'date' ]		       
});
store.load();

Ext.create('Ext.panel.Panel', {
	style: 'margin-top: 20px; margin-left: 44%',
	renderTo: Ext.getBody(),
	border: false,
	items: [{
		xtype: 'datepicker',
		maxDate: new Date(),
    
		handler: function(picker, date) {
        	var date = Ext.Date.format(date, 'Y-m-d'); 
        	var flag = true;
        	Ext.Ajax.request({
        		url: 'dget.php',        		
				params: {date: date}
        	});
        }
   }]
});


Ext.create('Ext.grid.Panel', {
	width: 310,	
	style: 'margin-top: 20px; margin-left: 40%',
	layout: {
		type:'hbox',
		pack:'center'},    
	columns:[
	         {dataIndex: 'id', header: 'ID', hidden: true},
	         {dataIndex: 'first_name', header: 'Name'},
	         {dataIndex: 'last_name', header: 'Surname'},	      			               	      
	  
	         {xtype:'actioncolumn', 
	        	 width:20,
	        	 items: [{
	        	 icon: 'extjs/resources/themes/images/default/shared/right-btn.gif', 
	    
	        	 handler: function showWindow(){
	        	 	if(!win){
	        	 	var win = new Ext.Window({
	        	 		width:500,
	        	 		height:300,
	        	 		title: 'TEST',
	        	 		html:'<h1>My first lightBOX </h2>',
	        	 		layout:'fit',
	        	 		bodyStyle:{'background-color': '#FFFFFF'},
	        	 		modal: true
	    	            })    
	        	 	} win.show(); 
	        	 }
	    	 }]
	         },	    	    	  
	    
	         { dataIndex: 'date', header: 'Date' }],	     	    	  	  
	    
    renderTo: Ext.getBody(),
    store: store
});

});

Не могу реализовать такой алгоритм:
1)Выводиться панелька с календариком, и ждем пока я не выберу дату...
2) Если выбрал то делаем выборку по дате и вырисовуем грид с выбраными датами... Что то запутался(