Ext js学习笔记(二) 表格的创建

Ext.onReady(function(){

              Ext.create('Ext.data.Store', { storeId:'employeeStore', fields:['firstname', 'lastname', 'seniority', 'dep', 'hired'], data:[ {firstname:"Michael", lastname:"Scott", seniority:7, dep:"Management", hired:"01/10/2004"}, {firstname:"Dwight", lastname:"Schrute", seniority:2, dep:"Sales", hired:"04/01/2004"}, {firstname:"Jim", lastname:"Halpert", seniority:3, dep:"Sales", hired:"02/22/2006"}, {firstname:"Kevin", lastname:"Malone", seniority:4, dep:"Accounting", hired:"06/10/2007"}, {firstname:"Angela", lastname:"Martin", seniority:5, dep:"Accounting", hired:"10/21/2008"} ] });


              Ext.create('Ext.grid.Panel', { title: 'Column Demo', store: Ext.data.StoreManager.lookup('employeeStore'), columns: [ {text: 'First Name', dataIndex:'firstname'}, {text: 'Last Name', dataIndex:'lastname'}, {text: 'Hired Month', dataIndex:'hired', xtype:'datecolumn', format:'M'}, {text: 'Department (Yrs)', xtype:'templatecolumn', tpl:'{dep} ({seniority})'} ], width: 400, forceFit: true, renderTo: Ext.getBody() });

          });