/*
* Ext JS Library 2.0.2
* Copyright(c) 2006-2008, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.onReady(function(){
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var myData = [
['Quinn, A.',97,49,25,13,4,6,2,61,39,26,.505],
['Kumpf, J.',14,7,3,3,1,0,0,9,12,5,.501],
['Whitmer, D.',36,9,5,2,0,2,0,13,15,16,.251],
['Garner, C.',98,49,19,16,2,13,1,71,45,31,.501],
['Golden, K.',76,40,23,13,1,2,0,38,17,24,.526],
['Tomson, D.',8,1,1,0,0,0,0,3,5,3,.125],
['Clancy, J.',39,15,9,4,0,2,0,25,28,21,.385],
['Lenci, D.',24,8,6,2,0,0,0,10,15,14,.333],
['Ehnert, B.',6,2,1,1,0,0,0,3,8,4,.333],
['Clancy, B.',4,3,1,0,0,1,0,5,4,1,.750],
['Bozack, T.',4,2,1,1,0,0,0,1,4,2,.501]
];
// example of custom renderer function
function change(val){
if(val > 0){
return '' + val + '';
}else if(val < 0){
return '' + val + '';
}
return val;
}
// example of custom renderer function
function pctChange(val){
if(val > 0){
return '' + val + '%';
}else if(val < 0){
return '' + val + '%';
}
return val;
}
// create the data store
var store = new Ext.data.SimpleStore({
fields: [
{name: 'player'},
{name: 'ab', type: 'float'},
{name: 'h', type: 'float'},
{name: '1b', type: 'float'},
{name: '2b', type: 'float'},
{name: '3b', type: 'float'},
{name: 'hr', type: 'float'},
{name: 'cyc', type: 'float'},
{name: 'rbi', type: 'float'},
{name: 'bb', type: 'float'},
{name: 'ko', type: 'float'},
{name: 'ba', type: 'float'}
]
});
store.loadData(myData);
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'player',header: "Player", width: 93, sortable: true, dataIndex: 'player'},
{header: "AB", width: 35, sortable: true, dataIndex: 'ab'},
{header: "H", width: 35, sortable: true, dataIndex: 'h'},
{header: "1B", width: 35, sortable: true, dataIndex: '1b'},
{header: "2B", width: 35, sortable: true, dataIndex: '2b'},
{header: "3B", width: 35, sortable: true, dataIndex: '3b'},
{header: "HR", width: 35, sortable: true, dataIndex: 'hr'},
{header: "CYC", width: 35, sortable: true, dataIndex: 'cyc'},
{header: "RBI", width: 35, sortable: true, dataIndex: 'rbi'},
{header: "BB", width: 35, sortable: true, dataIndex: 'bb'},
{header: "KO", width: 35, sortable: true, dataIndex: 'ko'},
{header: "BA", width: 35, sortable: true, dataIndex: 'ba'}
],
stripeRows: true,
//autoExpandColumn: 'player',
height:315,
width:500,
title:'2010 Batters'
});
grid.render('batters');
grid.getSelectionModel().selectFirstRow();
});