j-DynamicValue

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Acest component este un component foarte special. poate păstra o valoare, de exemplu, Number și în același timp poate face un alt text.

Iconul icon {String} pentru eticheta de exemplu, casa, cog etc.
Etichetă label {String} (default este conținutul HTML)
Iconul icon2 {String} din caseta dreaptă, de exemplu, casa, coșul etc. (default: angle-down)
placeholder {String} adăuga un text
disabled {Boolean} dezactiva acest component
find {String} important link la function(el, next(value)) pentru a lega o nouă valoare
read {String} este un link la function(value, next(response)) pentru a lega o lectură text
url {String} încearcă să conecteze o valoare prin AJAX(), argumentul {0} în URL este înlocuit cu valoarea
html {String} Tangular pentru a oferi o valoare (default: {{ name }})
remap {String} Funcţia de remap (default) nullExemplul este: value.length ? value[0] : null
required {Boolean} permite „required” (default: false)
bind {String} este o cale către metoda sau variabilă unde va fi legată valoarea încărcată (opțional)
dirsource {String} un link la metoda function(search, next(items_arr)) sau NEW: poate conține URL-ul pentru căutare în formularul GET /api/partners/?q={0}
dircustom {String/Boolean} poate conține o cale de funcționare(val, următor(new_val)) sau poate fi Boolean. Această opțiune poate permite adăugarea unei valori personalizate (vale nu sunt definite în sursa de date)
dirrender {String} o cale la function(item, text) (trebuie să se întoarcă HTML pentru j-Directory), această funcție poate afecta lista de elemente din j-Directory
dirminwidth {Number} o lățime minimă pentru j-Directory, (default: 200)
dirmaxwidth {Number} o lățime maximă pentru j-Directory
dirplaceholder {String} un locator pentru j-Directory
dirempty {String} adăuga un câmp gol pentru j-Directory
dirkey {String} este un nume cheie pentru citirea textului din sursa de bază (default: name)
dirvalue {String} este un nume cheie pentru citirea valorii în sursa directă (default: id)
onresponse {String} o cale către proprietate sau function(response), executat dacă răspunsul este procesat (default: undefined)
NEW tapi {Boolean} permite apelarea la TAPI() insteadof AJAX() (default: false)

Utilizare Ajax

În cazul în care value va fi schimbat, atunci componenta efectuează apelul AJAX automat.

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

Utilizare inline

În cazul în care value Se va schimba, apoi componenta se va config.exec Pentru a obține un text de valoare citibilă.

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

bine să știi:

component.response conține o reacție crudă din rezultat

Utilizați-l cu <ui-component name="dynamicvalue">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>