j-Dropdown

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

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

required {Boolean} (опционално) позволява "необходимо" (предварително: false)
items {String} (опционални) статични елементи key1|value1, key2 with value, key3|value
icon {String} (опционална) икона за етикета например home, cog, и т.н.
label {String} (опционално) етикет (предварително е HTML съдържание)
type {String} (опционално) може да бъде number (преобразува стойностите на String в Number)
Пътят на datasource {String} към източника на данни (може да бъде изготвен)
text {String} определя име на собствеността за текст (в източник на данни), по подразбиране: name
value {String} определя име на имота за стойност (в източник на данни) по подразбиране: id
empty {String} (опционално) добавя празно поле
disabled {Boolean} (опционално) деактивира този компонент
if {String} (опционална) стрела функция като условие за филтриране на източника на данни, например: if:n => !n.removed

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

example.html

<div style="width:400px">
	<ui-component name="dropdown" path="form.idcategory" config="datasource:datasource;empty:;required:true;type:number;icon:navicon">Category</ui-component>
	<br />
	<ui-component name="dropdown" path="form.idinline" config="items:,A|1,B|2,C|3">Inline options</ui-component>
</div>

<script>
	var datasource = [{ name: 'A', id: 1 }, { name: 'B', id: 2 }, { name: 'C', id: 3 }];
	var form = {};
</script>