j-DynamicValue

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Този компонент е много специален компонент. може да запази стойност например Number и в същото време може да направи друг четещ text.

icon {String} икона за етикета, например къща, ког и т.н.
label {String} етикет (предварително е HTML съдържание)
Икона на icon2 {String} в дясната кутия, например къща, ковчег и т.н. (предварително: angle-down)
placeholder {String} добавя текст на мястото
disabled {Boolean} деактивира този компонент
find {String} important връзка към function(el, next(value)) за обвързване на нова стойност
read {String} е връзка към function(value, next(response)) за свързване на прочетена text
url {String} се опитва да свърже стойност чрез AJAX(), аргументът {0} в URL се заменя с стойността
html {String} Tangular шаблон за представяне на стойност (предварително: {{ name }})
remap {String} Функция за поддръжка (дефолт: nullПримерът е: value.length ? value[0] : null
required {Boolean} позволява „необходимо“ (предварително: false)
bind {String} - път към метода или променлива, където ще бъде свързана натоварена стойност (опционално)
dirsource {String} е линк към метода function(search, next(items_arr)) или NEW: може да съдържа URL за търсене във формата на GET /api/partners/?q={0}
dircustom {String/Boolean} може да съдържа път към функцията(val, next(new_val)) или може да бъде Boolean. тази опция може да позволи добавяне на персонализирана стойност (цена, която не е дефинирана в източника на данни)
dirrender {String} пътят към function(item, text) (може да се върне HTML за j-Directory), тази функция може да повлияе на списъка с елементи в j-Directory
dirminwidth {Number} Минимална широчина за j-DirectoryЗадължително е: 200)
dirmaxwidth {Number} Максимална широчина за j-Directory
dirplaceholder {String} Местоположение за j-Directory
dirempty {String} добавя празно поле за j-Directory
dirkey {String} е ключово име за четене на текст в пряк източник (предварително: name)
dirvalue {String} е ключово име за четене на стойност в източник (предварително: id)
onresponse {String} е пътят към собствеността или function(response), изпълнен, ако отговорът е обработен (дефолт: undefined)
NEW tapi {Boolean} позволява повикване на TAPI() insteadof AJAX() (дефолт: фалшив)

Използване на AJAX

Ако value се променя, компонентът автоматично изпълнява повикването на AJAX.

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

Интерактивна употреба

Ако value се променя, тогава компонентът изпълнява config.exec за получаване на честен текст от стойност.

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

Добре е да се знае:

component.response съдържа суров отговор от резултата

Използвайте го с <ui-component name="dynamicvalue">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

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>