j-DynamicValue

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Denna komponent är en mycket speciell komponent. Det kan behålla ett värde till exempel Number och på samma sätt det kan göra en annan läsbar text.

icon {String} ikon för etikett t.ex. hem, cog, etc.
label {String} etikett (default är HTML-innehåll)
icon2 {String}-ikonen i högerfönstret t.ex. hem, cog, etc. (default: angle-down)
placeholder {String} lägger till en platsinnehavartext
disabled {Boolean} inaktiverar denna komponent
find {String} important länk till function(el, next(value)) för att binde ett nytt värde
read {String} en länk till function(value, next(response)) för att binde en läsbar text
url {String} försöker knyta ett värde via AJAX(), argumentet {0} i URL ersätts av värdet
html {String} Tangular för att ge ett värde (default: {{ name }})
remap {String} En remapfunktion (default) nulloch exempel: value.length ? value[0] : null
required {Boolean} möjliggör ”nödvändigt” (default: false)
bind {String} en väg till metoden eller variabel där det laddade värdet kommer att bindas (alternativt)
dirsource {String} en länk till metoden function(search, next(items_arr)) eller NEW: kan innehålla URL för sökning i backoformuläret GET /api/partners/?q={0}
dircustom {String/Boolean} kan innehålla en väg till funktion(val, nästa(new_val)) eller kan vara Boolean.
dirrender {String} en väg till function(item, text) (du måste returnera HTML för j-Directory), denna funktion kan påverka listan över objekt i j-Directory
dirminwidth {Number} en minsta bredd för j-Directory, (default: 200)
dirmaxwidth {Number} Maximal bredd för j-Directory
dirplaceholder {String} en platsinnehavare för j-Directory
dirempty {String} lägger till ett tomt fält för j-Directory
dirkey {String} ett nyckelnamn för läsning av text i direktkälla (default: name)
dirvalue {String} ett nyckelnamn för läsning av värde i direktkälla (default: id)
onresponse {String} en väg till egendom eller function(response), utförd om svaret behandlas (default: undefined)
NEW tapi {Boolean} möjliggör att ringa TAPI() insteadof AJAX() (default: falsk)

Ajax användning

Om value ändras så utför komponenten AJAX samtal automatiskt.

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

Inline användning

Om value ändras gör komponenten config.exec för att få en läsbar text av ett värde.

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

Bra att veta:

component.response innehåller en rå reaktion från resultatet

Använd den med <ui-component name="dynamicvalue">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>