Array di proprietà ArrayGrid

Questo array indica i valori stringa che determinano l' aspetto e altre caratteristiche funzionali per ogni colonna della griglia.


   Sintassi

ArrayGrid = [["titolo","campoDato","tipoDatoLink","larghezza",
"titoloBgColor","bgColor","tooltip","colAlign",
"fontColor","fontStyle","mrFontColor","mrFontStyle","headerFontColor","img_width","img_height"],[...]...]



   Valori possibili

titolo Stringa con il nome visualizzato sull' intestazione della colonna.
campoDato Stringa che indica quale campo associare alla colonna della griglia per la visualizzazione.
tipoDatoLink Stringa di uno o due caratteri con il primo, obbligatorio, che indica il tipo di dato per la colonna:
"N" = Numero
"S" = Stringa
"B" = Booleano
"D" = Data
"I" = Image
Se questo carattere è seguito da "L" (es. "IL", immagine-link),il corpo della griglia per la colonna è un link alla funzione OnClickSpan, passata come argomento (opzionale) a ErgoDataGrid.
larghezza Stringa con un numero che riporta la larghezza della colonna, seguito da "px" ("NUMpx") se è in pixel o da "%" ("NUM%") se è in percentuale.
titoloBgColor   Stringa con il colore di sfondo della colonna per l' intestazione della tabella. Usate il valore "Xpstyle" se volete un header simile a quello delle finestre di Xp.
bgColor Stringa con il colore di sfondo della colonna per il corpo della tabella.
tooltip Stringa che compare come tooltip quando l' utente passa con il mouse sopra il titolo della colonna.
colAlign Opzionale*. Stringa che indica qual è l' allineamento dei campi del corpo della tabella per la colonna corrente; può essere "RIGHT", "CENTER" o "LEFT".
fontColor Opzionale. Stringa con il colore del font per i dati visualizzati dalla colonna per il corpo della tabella.
fontStyle Opzionale. Stringa che indica lo stile per il font dei dati per il corpo della tabella sotto alla colonna corrispondente.
mrFontColor Opzionale. Stringa con il colore del font per i dati visualizzati dalla colonna per il corpo della tabella in corrispondenza delle righe dove l' utente ha cliccato con il mouse per evidenziarle.
mrFontStyle Opzionale. Stringa con lo stile del font per le righe evidenziate.
headerFontColor Opzionale. Stringa con il colore del font delle intestazioni.
img_width Opzionale per i campi immagine. Stringa con la larghezza dell' immagine associata al campo.
img_height Opzionale per i campi immagine. Stringa con l' altezza dell' immagine.

* i valori opzionali si possono omettere troncando la riga dell' array all' ultimo parametro che si vuole indicare oppure inserendo il valore null in corrispondenza del parametro da omettere.


Esempio

Questo esempio indica come dichiarare un oggetto grid; le prime righe di codice sono la dichiarazione degli array tra i quali verrà scelto quale usare per la proprietà ArrayGrid in base alla lingua riconosciuta dal browser o selezionata diversamente dall' utente (si può vedere come cambiare la lingua per la visualizzazione e per le varie operazioni della griglia). 

var itArrayGridCars=[["Foto","img_url","IL","100px","#FF6600","White","Ordina per la foto","CENTER",null,null,null,null,null,"100","75"],
                     ["ID","id","N","30px","#FF6600","White","Ordina per l\\\' ID","RIGHT"],
                     ["Modello","description","S","180px","#FF6600","White","Ordina per il modello"],
                     ["Cilindrata cc","displacement","S","70px","#FF6600","White","Ordina per la cilindrata","CENTER"],
                     ["Immatricolazione","registration_string","S","140px","#FF6600","White","Ordina per la data di immatricolazione","RIGHT"],
                     ["Km","km_string","S","90px","#FF6600","White","Ordina per i km percorsi","CENTER"],
                     ["Potenza KW","power","N","80px","#FF6600","White","Ordina per la potenza in cavalli","CENTER"],
                     ["Alimentazione","fuel","S","120px","#FF6600","White","Ordina per il tipo di alimentazione","CENTER"],
                     ["Prezzo","price_string","S","70px","#FF6600","White","Ordina per il prezzo","RIGHT"]];
var enArrayGridCars=CopyArray(itArrayGridCars);
enArrayGridCars[0][0]="Photo";
enArrayGridCars[0][6]="Order by photo";
enArrayGridCars[1][6]="Order by ID";
enArrayGridCars[2][0]="Model";
enArrayGridCars[2][6]="Order by model";
enArrayGridCars[3][0]="Displacement cc";
enArrayGridCars[3][6]="Order by displacement";
enArrayGridCars[4][0]="Registration";
enArrayGridCars[4][6]="Order by registration date";
enArrayGridCars[5][0]="Miles";
enArrayGridCars[5][6]="Order by covered km";
enArrayGridCars[6][0]="Power KW";
enArrayGridCars[6][6]="Order by cc. power";
enArrayGridCars[7][0]="Fuel";
enArrayGridCars[7][6]="Order by the kind of fuel";
enArrayGridCars[8][0]="Price";
enArrayGridCars[8][6]="Order by price";

function Cars_init() {
	params=new Object();
	...
	params.ArrayGrid=eval(GetLang()+"ArrayGridCars");
	...
	Cars=new Grid(params);
}
...
Cars_init();