/* * Ext JS Library 2.0 * Copyright(c) 2006-2007, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ Ext.onReady(function(){ Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var myData = [ // Ges. ,Jan.,Feb.,Mar.,Apr.,Mai ,Juni,Juli,Aug.,Sep.,Okt.,Nov.,Dez.,Wer.,Pl.Vormonat [ 1,'Gros, D.', 'Bau-Union', 98.5 ,15 ,16 ,10.5,15 ,15 ,12 ,15 , , , , , , ,1 ], [ 2,'Wilde, F.', './. ', 97 ,13 , ,16 ,10 ,17 ,17 ,12 ,12 , , , , , ,2 ], [ 3,'Hantusch, R.', 'Bau-Union', 78 , ,13 , 9 ,10 ,12 ,12 ,12 ,10 , , , , , ,5 ], [ 4,'Freudenstein, K.', 'Bau-Union', 77.5 ,10 ,11 ,10.5,15 , ,15 ,10 , 6 , , , , , ,4 ], [ 5,'Nötzel, F.', 'Borussia ', 74 ,12 ,16 ,16 , ,13 , ,17 , , , , , , ,3 ], [ 6,'Bandlow, R.', 'Bau-Union', 69 , 9 , 8.5,12 ,10 , ,10 ,12 , 7.5, , , , , ,6 ], [ 7,'Schmidt, St.', 'Borussia ', 51 ,11 ,12 ,13 ,15 , , , , , , , , , ,7 ], [ 8,'Fitzke, U.', 'Bau-Union', 44.5 , 8 ,10 , 7 , , ,12 , , 7.5, , , , , ,8 ], [ 9,'Neldner, J.', 'Ch. W see', 33 ,17 , , , , , , ,16 , , , , , ,11], [10,'Kreitling, O.', 'Borussia ', 28.5 , , , 6 ,12 ,10.5, , , , , , , , ,9 ], [11,'Sube, G.', 'Bau-Union', 18 , , , , , 9 , , 9 , , , , , , ,10], [12,'Schmidt, M.', 'Borussia', 16 , , , , , , , ,16 , , , , , , ], [13,'Bandlow, H.', './.', 15 , , , , 8 , , , 7 , , , , , , ,12], [14,'Koch, F.', './.', 13 , , , , , , , ,13 , , , , , , ], [15,'Olszewski, D.', './.', 12 , , , , , 8 , , , 4 , , , , , ,16], [16,'Melzer, A.', './.', 11 , , , , , , , ,11 , , , , , , ], [17,'Reichert, S.', './.', 10.5 , , , , ,10.5, , , , , , , , ,13], [18,'Breitenfeld, G.', './.', 9 , , , , , , 9 , , , , , , , 9 ,14], [18,'Keller, J.', 'Bau-Union', 9 , , , , , , , , 9 , , , , , 9 , ], [20,'Heinze, A.', 'Borussia ', 8.5 , , 8.5, , , , , , , , , , , ,15], [21,'Petkov, P.', 'Bau-Union', 8 , , , 8 , , , , , , , , , , 8 ,16], [21,'Lange, R.', 'Narva', 8 , , , , , , , 8 , , , , , , 8 ,16], [23,'Rietz, A.', 'Bau-Union', 7 , 7 , , , , , , , , , , , , 7 ,19], [23,'Schädel, P.', './.', 7 , , , , , 7 , , , , , , , , 7 ,19], [25,'Koch, E.', './.', 5 , , , , , , , , 5 , , , , , , ] ]; // 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; } //make the text bold function makebold(val){ return '
' + val + '
'; } //make the text centered function tendenzIcon(val){ var imageTag = '
keine Veränderung
'; //black for(i=0; i myData[i][0]) { //green imageTag = '
verbessert
'; } else if(myData[i][17] < myData[i][0]) { //red imageTag = '
verschlechtert
'; } } } return imageTag; } //make the text centered function makecenter(val){ return '
' + val + '
'; } // create the data store var store = new Ext.data.SimpleStore({ fields: [ {name: 'platz'}, {name: 'name', type: 'string'}, {name: 'verein', type: 'string'}, {name: 'gesamt', type: 'float'}, {name: 'jan', type: 'float'}, {name: 'feb', type: 'float'}, {name: 'mrz', type: 'float'}, {name: 'apr', type: 'float'}, {name: 'mai', type: 'float'}, {name: 'jun', type: 'float'}, {name: 'jul', type: 'float'}, {name: 'aug', type: 'float'}, {name: 'sep', type: 'float'}, {name: 'okt', type: 'float'}, {name: 'nov', type: 'float'}, {name: 'dez', type: 'float'}, {name: 'wertung', type: 'string'}, //{name: 'pctChange', type: 'float'}, //{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} {name: 'tendenz', type: 'string'} ] }); store.loadData(myData); // create the Grid var grid = new Ext.grid.GridPanel({ store: store, columns: [ {id:'platz',header: "Platz", width: 10, sortable: true, renderer: makecenter, dataIndex: 'platz'}, {header: "Name", width: 90, sortable: true, dataIndex: 'name'}, {header: "Verein", width: 75, sortable: true, dataIndex: 'verein'}, {header: "Gesamt", width: 60, sortable: true, renderer: makebold, dataIndex: 'gesamt'}, {header: "Jan", width: 40, sortable: true, renderer: makecenter, dataIndex: 'jan'}, {header: "Feb", width: 40, sortable: true, renderer: makecenter, dataIndex: 'feb'}, {header: "Mrz", width: 40, sortable: true, renderer: makecenter, dataIndex: 'mrz'}, {header: "Apr", width: 40, sortable: true, renderer: makecenter, dataIndex: 'apr'}, {header: "Mai", width: 40, sortable: true, renderer: makecenter, dataIndex: 'mai'}, {header: "Jun", width: 40, sortable: true, renderer: makecenter, dataIndex: 'jun'}, {header: "Jul", width: 40, sortable: true, renderer: makecenter, dataIndex: 'jul'}, {header: "Aug", width: 40, sortable: true, renderer: makecenter, dataIndex: 'aug'}, {header: "Sep", width: 40, sortable: true, renderer: makecenter, dataIndex: 'sep'}, {header: "Okt", width: 40, sortable: true, renderer: makecenter, dataIndex: 'okt'}, {header: "Nov", width: 40, sortable: true, renderer: makecenter, dataIndex: 'nov'}, {header: "Dez", width: 40, sortable: true, renderer: makecenter, dataIndex: 'dez'}, {header: "Wertung", width: 60, sortable: true, renderer: makecenter, dataIndex: 'wertung'}, //{header: "Gesamt", width: 75, sortable: true, renderer: change, dataIndex: 'gesamt'}, //{header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'}, //{header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'} {header: "Tendenz", width: 60, sortable: true, renderer: tendenzIcon, dataIndex: 'tendenz'} ], stripeRows: false, autoExpandColumn: 'platz', height: 500, width: 910, frame: true, border: true, autoScroll: true, title:'Blitzpokal 2010 - aktuelle Ergebnisse' }); grid.render('blitz-tabelle'); grid.getSelectionModel().selectFirstRow(); });