j-ListBox

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

• Mörk mode
Arbeta med Bootstrap

Konfigurera:

required {Boolean} aktiverar required (default: false)
items {String} statiska objekt key1|value1, key2 with value, key3|value
type {String} kan vara number (konverterar String värden till Number)
datasource {String} väg till data-källa (must be array)
text {String} bestämmer ett äganderamn för text (i datakälla), standard: name
value {String} bestämmer ett egendomnamn för värde (i datakälla) standard: id
empty {String} lägger till ett tomt fält
disabled {Boolean} inaktiverar denna komponent
search {String} tillåter sökfönstret med detta värde som platsinnehavare
height {Number/String} höjd (default: 200), string kan innehålla parent, window eller .parent_selector
multiple {Boolean} true förväntar sig Array i path (default: false)
exec {String} en länk till funktion som körs när användaren klickar på objektet

Använd den med <ui-component name="listbox">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>