Esempio Online Anteprima (sola lettura)
Sorgente PHP: examples/xgridds/mysqlgrid.php
Sorgente XML: examples/xgridds/mysqldgrid.xml
L'oggetto xgridds è una griglia in grado gestire i dati provenienti da una sorgene dati(ds) nella quale il layout non è formato da colonne ma da oggetti disposti secondo le esigenze dell'utente.
<idtag typeobj="xgridds" dsobj="nomeds" ................>
<body>
<obj1 objtype="nomeoggetto" dsitem="campo" ......... />
<obj2 objtype="nomeoggetto" dsitem="campo" ......... />
......................................................
<obj3 objtype="nomeoggetto" dsitem="campo" ......... />
</body>
</idtag>
Ogni elemento della griglia è a sua volta un oggetto(text, label, checkbox, dsselect, ecc) bisogna ricordarsi di specificare gli elementi utilizzando l'attributo objtype e non typeobj.
N.B.
Se si vuole utilizzare l'oggetto xgridds come form d'inseirmento dati è necessario utilizzare la modalità di salvataggio di tipo "table", cioè il datasource a cui l'oggetto xgridds punta deve avere l'attributo dssavetype="table"
<?php
/**
* PHP Source File
* @author Alyx Association <info@alyx.it>
* @version 1.0
* @copyright Alyx Association 2008-2010
* @license GNU Public License
*/
require_once("./../../class/system.class.php");
$system = new ClsSystem(true);
$xml = new ClsXML("mysqlgrid.xml");
$event = new ClsEvent($xml);
$event->managerRequest();
?>
<?xml version="1.0" encoding="utf-8"?>
<jamp>
<page typeobj="page" title="JAMP - Esempio Xgridds" icon="../../favicon.ico" loaddata="true">
<ds1 typeobj="ds" conn="conn6" dstable="Anagrafica" dsorder="Cognome" dskey="IDAssistito"/>
<dsnav1 typeobj="dsnav" dsobj="ds1" objprint="gridds1" />
<gridds1 typeobj="xgridds" dsobj="ds1" width="autosize" height="autosize">
<body>
<text3 objtype="text" dsitem="Prot_Amm" label="Prot Amm:" maxlength="5" size="5" labelwidth="110px" />
<text6 objtype="text" dsitem="Cognome" label="Cognome:" maxlength="40" size="20" labelwidth="110px" />
<text4 objtype="text" dsitem="Nome" label="Nome:" maxlength="40" size="20" labelwidth="110px" />
<text5 objtype="text" dsitem="SecondoNome" label="Secondo Nome:" maxlength="30" size="20" labelwidth="110px" />
<text7 objtype="text" dsitem="CodiceFiscale" label="Codice fiscale:" maxlength="16" size="20" labelwidth="110px" />
<text8 objtype="text" dsitem="DataNascita" label="Data di nascita:" maxlength="12" size="12" format="date|EN|yyyy-mm-dd|IT|dd/mm/yyyy" labelwidth="110px" />
<textcitta objtype="text" dsitem="Citta" label="Città di nascita:" maxlength="40" size="20" labelwidth="110px" />
<dsselect1 objtype="dsselect" dsitem="sesso" label="Sesso:" labelwidth="110px" optiontext="M,F" optionvalue="1,2" />
</body>
</gridds1>
</page>
</jamp>
›› REFERENCE XML - XGRIDDS
Oggetto: XGRIDDS
<nome typeobj="xgridds" attribute="valore"...>
...
</nome>
Attributi:
debug
Attiva il debug dell'oggetto.
Valori consentiti: true,false
Valori di default: false
onclick
Codice associato all'evento onclick.
ondblclick
Codice associato all'evento ondblclick.
onmousedown
Codice associato all'evento onmousedown.
onmouseup
Codice associato all'evento onmouseup.
onmouseover
Codice associato all'evento onmouseover.
onmousemove
Codice associato all'evento onmousemove.
onmouseout
Codice associato all'evento onmouseout.
onkeypress
Codice associato all'evento onkeypress.
onkeydown
Codice associato all'evento onkeydown.
onkeyup
Codice associato all'evento onkeyup.
class
Nome della classe di stile utilizzata dall'oggetto.
style
Proprietà di stile.
lang
Specifica il codice della lingua utilizzata.
dir
Direzione del testo:
- LTR da sinistra a destra(default).
- RTL da destra a sinistra.
template
Nome del template utilizzato dall'oggetto, se non specificato viene utilizzato quello di sistema.
title
Informazioni aggiuntive visualizzate al passaggio del mouse sull'oggetto istanziato.
id
Nome univoco dell'oggetto.
Valori di default: xgridds
readonly
Oggetto in sola lettura.
Valori consentiti: true,false
Valori di default: true
width
Larghezza dell'oggetto (con unità di misura es: 600px).
height
Altezza dell'oggetto (con unità di misura es: 600px).
background
Colore di sfondo.
Valori di default: #CCCCCC
scrollbar
Tipo di scroll.
Valori consentiti: scroll,""
Valori di default: scroll
pdffont
Font PDF
Valori di default: Arial
pdffontsize
Dimensione del font PDF
Valori di default: 9
dsobj
ID dell'oggetto datasource associato.
java
Nome del/dei file javascript usati dall'oggetto.
Valori di default: xgridds.js
cssfile
Nome del file css usato dall'oggetto.
›› Elenco dei metodi Javascript intercettabili dall'utente:
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","setClass", "User function"); Function parameters: function(id,row,classCSS)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","moveRow", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","getElementById", "User function"); Function parameters: function(obj,id)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","addRow", "User function"); Function parameters: function(i,id,bodies)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","delRow", "User function"); Function parameters: function(i,bodies)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","newRow", "User function"); Function parameters: function(obj,pos)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","clear", "User function"); Function parameters: function(id,tot)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("XGRIDDS","refreshObj", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","setClass", "User function"); Function parameters: function(id,row,classCSS)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","moveRow", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","getElementById", "User function"); Function parameters: function(obj,id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","addRow", "User function"); Function parameters: function(i,id,bodies)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","delRow", "User function"); Function parameters: function(i,bodies)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","newRow", "User function"); Function parameters: function(obj,pos)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","clear", "User function"); Function parameters: function(id,tot)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("XGRIDDS","refreshObj", "User function"); Function parameters: function(id)
›› Note fornite dagli utenti