/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

function ftcLoadData(){
  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) // Firefox 
		xhr_object = new XMLHttpRequest(); 
  else if(window.ActiveXObject) // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  else { // XMLHttpRequest non supporté par le navigateur 
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    return; 
  } 

  xhr_object.open("GET", "/cgi-bin/fccgi.exe?w3exec=ms.ftc.get.ins.lst", false); 
  data = "";
  xhr_object.send(data);
  return(xhr_object.responseText);
}


Ext.onReady(function(){

    // NOTE: This is an example showing simple state management. During development,
    // it is generally best to disable state management as dynamically-generated ids
    // can change across page loads, leading to unpredictable results.  The developer
    // should ensure that stable state ids are set for stateful components in real apps.
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var myData = eval(ftcLoadData());

    // create the data store
    var store = new Ext.data.SimpleStore({
        fields: [
           {name: 'id'},
           {name: 'nom'},
           {name: 'prenom'},
           {name: 'genre'},
           {name: 'datenais'},
           {name: 'adresse'},
           {name: 'cp'},
           {name: 'localite'},
           {name: 'pays'},
           {name: 'tel'},
           {name: 'email'},
           {name: 'dist'},
           {name: 'equ'},
           {name: 'repas'}
        ]
    });
    store.loadData(myData); 

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id: 'nom', header: "Nom", width: 100, sortable: true, dataIndex: 'nom'},
            {header: "Prenom", width: 100, sortable: true, dataIndex: 'prenom'},
            {id: 'genre',header: "S", width: 20, sortable: true, dataIndex: 'genre'},
            {header: "Localité", width: 120, sortable: true, dataIndex: 'localite'},
            {header: "Pays", width: 100, sortable: true, dataIndex: 'pays'},
            {header: "Dist.", width: 50, sortable: true, dataIndex: 'dist', align: 'right'},
            {header: "Equipe", width: 100, sortable: true, dataIndex: 'equ'},
            {header: "Repas", width: 50, sortable: true, dataIndex: 'repas'}
        ],
        stripeRows: true,
        //autoExpandColumn: 'genre',
        height:850,
        width:650,
        title:'Liste des inscriptions'
    });

    grid.render('grid-ftc');

    grid.getSelectionModel().selectFirstRow();
});