# j-Dropdown

> j-Dropdown опции: изисквани, елементи, икона, етикет, тип, източник на данни, текст, стойност

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: 7cd2163bb871666bccafedcf285cd7be0b9da89eff44e0086311b02db7cd9001
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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

- `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.

```html 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>
```