var sort = YAHOO.ext.grid.DefaultColumnModel.sortTypes;
var XmlExample = {
    init : function(){
        var schema = {
            tagName: 'item',
            //id: 'id',
            fields: ['issue', 'volume', 'price', 'chg', 'pctchg']
        };
        dataModel = new YAHOO.ext.grid.XMLDataModel(schema);
        
        // the DefaultColumnModel expects this blob to define columns. It can be extended to provide 
        // custom or reusable ColumnModels
        var colModel = new YAHOO.ext.grid.DefaultColumnModel([
			{header: "Issue", width: 120, sortable: true}, 
			{header: "Volume", width: 180, sortable: true}, 
			{header: "Price", width: 115, sortable: true, sortType: sort.asFloat}, 
			{header: "Chg", width: 100, sortable: true, sortType: sort.asFloat},
			{header: "% Chg", width: 100, sortable: true, sortType: sort.asFloat}
		]);
		
		// create the Grid
        var grid = new YAHOO.ext.grid.Grid('example-grid', dataModel, colModel);
        grid.autoWidth = true;
        grid.autoHeight = true;
        grid.render();

        dataModel.load('activnyse.xml');
    }
}
YAHOO.ext.EventManager.onDocumentReady(XmlExample.init, XmlExample, true);