# j-DynamicValueList

> Ez a komponens nagyon speciális komponens. megtarthatja az értékeket, például számot és ugyanabban az időben más olvasható szöveget is készíthet.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: 0fc6806cff1d441821212e7f687269d33473424fd2a147d6e8fcad3a6aedb2f6
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Ez az összetevő nagyon speciális komponens. megtarthatja az értékeket, például a `Number` és ugyanabban az esetben egy másik olvasható `text`. Ez a komponens optimalizált dinamikus használatra, ezért köthető egy másik komponenshez vagy részéhez.


__konfiguráció__:

- `icon {String}` ikon a címkén, például otthon, cog stb.
- `label {String}` címke (az alapértelmezett HTML tartalom)
- `icon2 {String}` ikon a jobb dobozban, például otthon, cog stb. (default: `angle-down`)
- A `placeholder {String}` hozzáad egy helytartó szöveget
- A `disabled {Boolean}` eltávolítja ezt az összetevőt
- `find {String}` __important__ link a `function(el, next(value))` egy új érték kötésére
- `read {String}` egy link a `function(array_of_values, next(array_response))` kötődéséhez olvasható `text`
- A `url {String}` megpróbálja összekapcsolni egy értéket a `AJAX()`-en keresztül, az URL-ben található `{0}`-es érv helyébe az érték lép.
- `html {String}` Tangular szabvány az érték rendereléséhez (default: `{{ name }}`)
- `remap {String}` Az alapértelmezett funkció (default) `null`Például a: `value.length ? value[0] : null`
- A `required {Boolean}` lehetővé teszi a „követelt” (default: `false`)
- `bind {String}` egy út a módszerre vagy változóra, ahol a terhelett érték köthető (opcionális)
- `dirsource {String}` egy link a módszer `function(search_string, next(items_arr))` vagy __NEW__: tartalmazhat URL-t keresési formanyomtatvány `GET /api/partners/?q={0}`
- `dircustom {String/Boolean}` tartalmazhat egy útvonalat a funkció(val, next(new_val)) vagy lehet Boolean. Ez az opció lehetővé teszi a hozzáadott értéket (érték nem meghatározott adatforrás)
- `dirrender {String}` Egy út a `function(item, text)` (a HTML-t vissza kell adni a j-DirectoryEz a funkció befolyásolhatja az elemek listáját j-Directory
- `dirminwidth {Number}` minimum szélesség a j-Directory, (default: `200`)
- `dirmaxwidth {Number}` a maximális szélességhez j-Directory
- `dirplaceholder {String}` egy helytartó a j-Directory
- A `dirempty {String}` egy üres mezőt ad a j-Directory számára
- `dirkey {String}` kulcsszavak a szöveg olvasásához a forrásban (default: `name`)
- `dirvalue {String}` kulcsszavak a forrás értékének olvasásához (előzetes: `id`)
- `key {String}` elsődleges kulcsszavak (default: a `dirvalue` értéke)
- __NEW__ `tapi {Boolean}` lehetővé teszi a `TAPI()` insteadof `AJAX()` hívását (default: hamis)

### Ajax használata

Ha a `value` A változás után a komponens `AJAX` automatikus hívás. a szervernek válaszolnia kell `Array`.

```html
<ui-component name="dynamicvaluelist" path="path.to.property" config="url:/users/?id={0};dirsource:GET /users/?search={0}"></ui-component>
```

### Inline használata

Ha a `value` módosul, akkor az összetevő `config.exec`-et hajt végre, hogy olvasható értéket kapjon.

```html
<ui-component name="dynamicvaluelist" path="path.to.property" config="read:my_function"></ui-component>

<script>
	function my_function(arr, next) {
		// the component automatically pairs "response" with "arr"
		next([{ id: 1, name: 'This text will be displayed as a value '}]);
	}
</script>
```

Használja a `<ui-component name="dynamicvaluelist">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<ui-component name="directory"></ui-component>

<div class="m" style="width:300px">
	<ui-component name="dynamicvaluelist" path="common.users" config="read:getusers;dirsource:findusers;placeholder:Add user">Users</ui-component>
</div>

<script>
	var names = [];
	names.push({ id: '1', name: 'Denis' });
	names.push({ id: '2', name: 'Peter' });
	names.push({ id: '3', name: 'Tomáš' });
	names.push({ id: '4', name: 'Lucka' });
	names.push({ id: '5', name: 'Lenka' });

	function getusers(value, next) {
		var temp = [];
		for (var i = 0; i < value.length; i++) {
			var user = names.findItem('id', value[i]);
			user && temp.push(user);
		}
		next(temp);
	}

	function findusers(search, next) {
		var items = names.slice(0);
		next(items);
	}

</script>
```