j-DynamicValue

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

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

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(value, next(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) nullPé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, 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)
onresponse {String} az ingatlanhoz vezető út, vagy function(response), ha a válasz feldolgozva történik (default: undefined)
NEW tapi {Boolean} lehetővé teszi a TAPI() insteadof AJAX() hívását (default: hamis)

Ajax használata

Ha a value módosul, akkor az összetevő automatikusan végzi a AJAX hívást.

<ui-component name="dynamicvalue" path="path.to.property" config="url:/users/{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.

<ui-component name="dynamicvalue" path="path.to.property" config="exec:my_function"></ui-component>

<script>
	function my_function(value, next) {
		next({ name: 'This text will be displayed as a value '});
	}
</script>

Jó tudni:

A component.response tartalmazza az eredmény nyers válaszát

Használja a <ui-component name="dynamicvalue">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.

example.html

<div style="width:300px">
	<ui-component name="dynamicvalue" path="userid" config="exec:getuser;click:finduser;placeholder:Choose a user">User</ui-component>
</div>

<script>
	var userid = 1;

	function getuser(value, next) {
		// Here you can read a readable text
		// Value is binded according to the "config.html" Tangular template
		next({ name: 'Peter' });
	}

	function finduser(element, next, current_value) {
		// "next" must received a new value which will be binded from e.g. j-Suggestion or some j-Form
		// a value will be automatically binded according to the component "path"
		next(1);
	}

</script>