Tag

Tags sind HTML-Elemente die zum Hervorheben von Informationen dienen. Tags können an verschiedenen Stellen zum Einsatz kommen.

tag = new Alvine.Package.UI.Dialog.Tag(value, type, options);

defaultTag = new Alvine.Package.UI.Dialog.Tag('Default', 'default');
primaryTag = new Alvine.Package.UI.Dialog.Tag('Primary', 'primary');
successTag = new Alvine.Package.UI.Dialog.Tag('Success', 'success');
infoTag = new Alvine.Package.UI.Dialog.Tag('Info', 'info');
warningTag = new Alvine.Package.UI.Dialog.Tag('Warning', 'warning');
dangerTag = new Alvine.Package.UI.Dialog.Tag('Danger', 'danger');

value definiert den Inhalt des Tags und type das Aussehen. Die verschiedene Types können auf der Bootstrap-Webseite nachgeschlagen werden. Über den Parameter options können folgende Werte definiert werden:

Schlüssel Beschreibung Default Beispiel
class Klasse / Typ des Tags badge badge-default
value Angezeigter Wert im Tag

Über die Methode getInstanceFromDataset wird eine Instance von einem Alvine.DOM.Dataset zurück geliefert.

json = {
   "value": "Default",
   "type": "default",
   "options": {}
}
tag = new Alvine.Package.UI.Dialog.Tag.prototype.getInstanceFromDataset(new Alvine.DOM.Dataset(json));