j-ListBox

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

NEU dunkler Modus
Funktioniert mit Bootstrap

Konfiguration:

required {Boolean} aktiviert required (Standard: false)
items {String} statische Elemente key1|value1, key2 with value, key3|value
type {String} kann number sein (konvertiert String-Werte in Number)
datasource {String} Pfad zur Datenquelle (muss ein Array sein)
text {String} bestimmt einen Eigenschaftsnamen für Text (in der Datenquelle), Standard: name
value {String} bestimmt einen Eigenschaftsnamen für den Wert (in der Datenquelle). Standardwert: id
empty {String} fügt ein leeres Feld hinzu
disabled {Boolean} deaktiviert diese Komponente
search {String} aktiviert das Suchfeld mit diesem Wert als Platzhalter
height {Number/String} Höhe (Standard: 200), string kann parent, window oder .parent_selector enthalten
multiple {Boolean} true erwartet Array in path (Standard: false)
exec {String} ein Link zu einer Funktion, die ausgeführt wird, wenn der Benutzer auf das Element klickt

Verwenden Sie es mit <ui-component name="listbox">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<div style="width:400px">
	<ui-component name="listbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|8;type:number"></ui-component>
</div>

<script>
	var items = 3;
</script>