j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

NEW сега поддържа тъмния режим

Конфигуриране:

required {Boolean} (опционално) позволява "необходимо" (предварително: false)
items {String} (опционални) статични елементи key1|value1, key2 with value, key3|value
icon {String} (опционална) икона за етикет без ti- например home, cog, и т.н.
checkicon {String} (опционална) икона за проверка без ti-, (предварително: check).
label {String} (опционално) етикет (предварително е HTML съдържание)
Пътят на datasource {String} към източника на данни (може да бъде изготвен)
text {String} определя име на собствеността за текст (в източник на данни), по подразбиране: name
value {String} определя име на имота за стойност (в източник на данни) по подразбиране :id
disabled {Boolean} (опционално) деактивира този компонент
cleaner {Boolean} (опционално) премахва несъществуващи стойности (предварително: true)
limit {Number} (опционално) определя границата за избрани елементи (предварително: 0)
visible {Number} (опционално) поставя максимален видим елемент и след това показва X selected (предварително: 0)
selectedtext {String} (опционално) задава съобщение за максимални видими елементи, например {0} selected from {1} (предварително: {0} selected)
alltext {String} (опционално) когато всички елементи са избрани това се показва (дефолт: All selected можете да го деактивирате с null)
placeholder {String} (опционално) поставя текст за мястото

Използвайте го с <ui-component name="dropdowncheckbox">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>