j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

_NEW__ teraz obsługuje ciemny tryb

Konfiguracja:

required {Boolean} (opcjonalnie) umożliwia „wymagane” (default: false)
items {String} (opcjonalne) statyczne elementy key1|value1, key2 with value, key3|value
Ikony icon {String} (opcjonalne) dla etykiety bez ti- np. home, cog, itp.
checkicon {String} (opcjonalny) ikona sprawdzenia bez ti-, (default: check).
label {String} (opcjonalna) etykieta (default jest treścią HTML)
Ścieżka datasource {String} do źródła danych (musi być rozmieszczona)
text {String} określa nazwę właściwości dla tekstu (w źródle danych), wstępnie: name
value {String} określa nazwę właściwości dla wartości (w źródle danych) wstępnie :id
disabled {Boolean} (opcjonalnie) wyłącza ten składnik
cleaner {Boolean} (opcjonalnie) usuwa wartości nieistniejące (default: true)
limit {Number} (opcjonalnie) określa limit wybranych elementów (default: 0)
visible {Number} (opcjonalnie) ustawia maksymalne widoczne elementy, a następnie pokazuje X selected (default: 0)
selectedtext {String} (opcjonalnie) ustawia wiadomość dla maksymalnych widocznych elementów np. {0} selected from {1} (default: {0} selected)
alltext {String} (opcjonalny), gdy wszystkie elementy są wybrane to jest wyświetlane (default: All selected można go wyłączyć z null)
placeholder {String} (opcjonalnie) ustawia tekst dla właściciela

Użyj go z <ui-component name="dropdowncheckbox">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

example.html

<div style="width:200px">
	<ui-component name="dropdowncheckbox" path="selected" config="required:true;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
<div style="width:200px;margin-top:30px">
	<ui-component name="dropdowncheckbox" path="selected2" config="placeholder:Placeholder;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>