/*
* 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.',17,45,31,13,16,8.471,2.59],
['Kumpf, J.',3,6,3,8,8,24,3.66],
['Whitmer, D.',10.6,26,1,14,5,4.22,1.41],
['Garner, C.',17,30,27,55,53,28,4.82],
['Golden, K.',10.3,19,90,27,86,75,11.32],
['Tomson, D.',2,4,3,6,8,36,4.5],
['Clancy, J.',8,7,7,25,19,21.375,4],
['Lenci, D.',6,6,12,29,24,36,6.83],
['Clancy, B.',.6,2,4,7,11,148.64,16.52],
['Ehnert, B.',1,3,2,4,4,36,6],
['Bozack, T.',.3,1,5,6,8,216,33.03]
];
// 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: 'inn', type: 'float'},
{name: 'k', type: 'float'},
{name: 'bbi', type: 'float'},
{name: 'ha', type: 'float'},
{name: 'r', type: 'float'},
{name: 'era', type: 'float'},
{name: 'whip', type: 'float'}
]
});
store.loadData(myData);
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'player', header: "Player", width:80, sortable: true, dataIndex: 'player'},
{header: "INN", width:40, sortable: true, dataIndex: 'inn'},
{header: "K", width:40, sortable: true, dataIndex: 'k'},
{header: "BBI", width:40, sortable: true, dataIndex: 'bbi'},
{header: "HA", width:40, sortable: true, dataIndex: 'ha'},
{header: "R", width:40, sortable: true, dataIndex: 'r'},
{header: "ERA", width:40, sortable: true, dataIndex: 'era'},
{header: "WHIP", width:40, sortable: true, dataIndex: 'whip'}
],
stripeRows: true,
//autoExpandColumn: 'player',
height:315,
width:370,
title:'2010 Pitchers'
});
grid.render('pitchers');
grid.getSelectionModel().selectFirstRow();
});