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));