j-SelectBox

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

Konfiguration:

required {Boolean} (optional) aktiviert required (Standard: false)
items {String} (optional) statische Elemente key1|value1, key2 with value, key3|value
type {String} (optional) 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} (optional) fügt ein leeres Feld hinzu
disabled {Boolean} (optional) deaktiviert diese Komponente
search {String} (optional) aktiviert das Suchfeld mit diesem Wert als Platzhalter
height {Number} (optional) Höhe (Standard: 200)
if {String} (optional) Pfeilfunktion als Bedingung für die Filterung der Datenquelle, Beispiel: if:n => !n.removed
NEW raw {Boolean} (optional) ermöglicht die Darstellung von Roh-HTML als Text (Standard: false)

Verwenden Sie es mit <ui-component name="selectbox">. 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="selectbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|0;type:number"></ui-component>
</div>

<script>
	var items = [2, 5];
</script>