Ext.create('Ext.grid.Panel', {
title: 'Column Demo',
id:'sss',
store: Ext.data.StoreManager.lookup('employeeStore'),
columns: [
{text: 'First Name', id:'firstnameId', dataIndex:'firstname'},
{text: 'Last Name', dataIndex:'lastname'},
{text: 'Hired Month', dataIndex:'hired', xtype:'datecolumn', format:'M'},
{text: 'Deparment (Yrs)', xtype:'templatecolumn', tpl:'{dep} ({senority})'}
],
width: 400,
renderTo: Ext.getBody(),
listeners:{
itemclick:function(){
var data1 = [{firstname:"111", lastname:"Scott", senority:7, dep:"Manangement", hired:"01/10/2004"},
{firstname:"222", lastname:"Schrute", senority:2, dep:"Sales", hired:"04/01/2004"},
{firstname:"333", lastname:"Halpert", senority:3, dep:"Sales", hired:"02/22/2006"},
{firstname:"555", lastname:"Malone", senority:4, dep:"Accounting", hired:"06/10/2007"},
{firstname:"444", lastname:"Martin", senority:5, dep:"Accounting", hired:"10/21/2008"}];
// data1 = eval(data1);
Ext.getCmp('sss').getStore().loadData(data1);
},
sortchange:function(ct, column,direction, Object){
alert(" "+column.id+" "+direction);
var data1 = [{firstname:"111", lastname:"Scott", senority:7, dep:"Manangement", hired:"01/10/2004"},
{firstname:"222", lastname:"Schrute", senority:2, dep:"Sales", hired:"04/01/2004"},
{firstname:"333", lastname:"Halpert", senority:3, dep:"Sales", hired:"02/22/2006"},
{firstname:"555", lastname:"Malone", senority:4, dep:"Accounting", hired:"06/10/2007"},
{firstname:"444", lastname:"Martin", senority:5, dep:"Accounting", hired:"10/21/2008"}];
// data1 = eval(data1);
Ext.getCmp('sss').getStore().loadData(data1);
},
headerclick:function(){
alert("1111");
}
}
});
title: 'Column Demo',
id:'sss',
store: Ext.data.StoreManager.lookup('employeeStore'),
columns: [
{text: 'First Name', id:'firstnameId', dataIndex:'firstname'},
{text: 'Last Name', dataIndex:'lastname'},
{text: 'Hired Month', dataIndex:'hired', xtype:'datecolumn', format:'M'},
{text: 'Deparment (Yrs)', xtype:'templatecolumn', tpl:'{dep} ({senority})'}
],
width: 400,
renderTo: Ext.getBody(),
listeners:{
itemclick:function(){
var data1 = [{firstname:"111", lastname:"Scott", senority:7, dep:"Manangement", hired:"01/10/2004"},
{firstname:"222", lastname:"Schrute", senority:2, dep:"Sales", hired:"04/01/2004"},
{firstname:"333", lastname:"Halpert", senority:3, dep:"Sales", hired:"02/22/2006"},
{firstname:"555", lastname:"Malone", senority:4, dep:"Accounting", hired:"06/10/2007"},
{firstname:"444", lastname:"Martin", senority:5, dep:"Accounting", hired:"10/21/2008"}];
// data1 = eval(data1);
Ext.getCmp('sss').getStore().loadData(data1);
},
sortchange:function(ct, column,direction, Object){
alert(" "+column.id+" "+direction);
var data1 = [{firstname:"111", lastname:"Scott", senority:7, dep:"Manangement", hired:"01/10/2004"},
{firstname:"222", lastname:"Schrute", senority:2, dep:"Sales", hired:"04/01/2004"},
{firstname:"333", lastname:"Halpert", senority:3, dep:"Sales", hired:"02/22/2006"},
{firstname:"555", lastname:"Malone", senority:4, dep:"Accounting", hired:"06/10/2007"},
{firstname:"444", lastname:"Martin", senority:5, dep:"Accounting", hired:"10/21/2008"}];
// data1 = eval(data1);
Ext.getCmp('sss').getStore().loadData(data1);
},
headerclick:function(){
alert("1111");
}
}
});