Ext.ns('com.quizzpot.tutorial');

com.quizzpot.tutorial.GridXmlTutorial = {
	init: function(){		
		var Person = Ext.data.Record.create([
			{name: 'name'},
			{name: 'position'},
			{name: 'age', type:'float'},
			{name: 'company'}
		]);

		var reader = new Ext.data.XmlReader({
		   totalRecords: "people", 
		   record: "person"               
		}, Person);
		
		var store = new Ext.data.Store({
			url: 'xml.php',
			reader: reader
		});
		
		store.load();
		
		var grid = new Ext.grid.GridPanel({
			store: store,
			columns: [
				new Ext.grid.RowNumberer(),
				{header:'Name', dataIndex:'name',sortable: true},
				{header:'Company', dataIndex:'company',sortable: true},
				{header:'Position', dataIndex:'position',width:230,sortable: true},
				{header:'Age', dataIndex:'age', width:40,sortable: true}
			],
			border: false,
			stripeRows: true
		});
		
		var win = new Ext.Window({
			title: 'Grid example',
			layout: 'fit',
			width: 510,
			height:350,
			items: grid
		});

		win.show();
	}
}

Ext.onReady(com.quizzpot.tutorial.GridXmlTutorial.init,com.quizzpot.tutorial.GridXmlTutorial);