Bild dynamisch ändern

Das Bild-Element ermöglicht es, ein Bild anzuzeigen. Die Quelle für das Bild kann im Configurator fest eingestllt oder mit Javascript über die setSrc-Methode dynamisch geändert werden.

Beispiel 1: Bild nach Rechnerart

Hinweis: Es wird vorausgesetzt, dass die vier Bilder im entsprechenden Verzeichnis <cmdbcore.exe-Verzeichnis>\web\meinefirma_pics liegen.

var RU=rimacon._userform;
var art=RU.VCOL_Art.getValue();
var src="meinefirma_pics/rechner_typ_unknown.gif";
if (art==1) src="meinefirma_pics/rechner_typ_pc.gif";
if (art==2) src="meinefirma_pics/rechner_typ_server.gif";
if (art==3) src="meinefirma_pics/rechner_typ_notebook.gif";
RU.image1.setSrc(src);

Beispiel 2: Anzeigen eines Bildes in einer Spalte

Eine Spalte von Typ Datei kann ein Bild enthalten (z.B. Foto eines Druckers). Die getDirectURL-Methode gibt die URL zurück und kann direkt in setSrc-Methode des Bild-Elements benutzt werden.

Lösung

VCOL_Bilddie Datei-Spalte
image1das Bild-Element

"image1" in MainForm.afterFormInit-Ereignis aktualisieren:

var RU=rimacon._userform;
RU.image1.setSrc( RU.VCOL_Bild.getDirectURL() );
"image1" in VCOL_Bild.onchange-Ereignis aktualisieren:

var RU=rimacon._userform;
RU.image1.setSrc( RU.VCOL_Bild.getDirectURL() );