j-DynamicValue

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Este componente é um componente muito especial. pode manter um valor, por exemplo, Number e ao mesmo tempo pode tornar outro text. este componente está otimizado para uso dinâmico, então ele precisa ser ligado a outro componente ou parte.

Icon icon {String} para etiquetas, por exemplo, casa, cog, etc.
label {String} (default é o conteúdo HTML)
Icon icon2 {String} na caixa direita, por exemplo, casa, cog, etc. (default: angle-down)
placeholder {String} adiciona um texto
disabled {Boolean} desabilita esse componente
find {String} important link para function(el, next(value)) para vincular um novo valor
read {String} um link para function(value, next(response)) para vincular uma leitura text
url {String} tenta ligar um valor através de AJAX(), o argumento {0} na URL é substituído pelo valor
html {String} Tangular para renderização de um valor (default: {{ name }})
remap {String} A função de remédio (default) nullPor exemplo: value.length ? value[0] : null
required {Boolean} permite o “requisito” (default: false)
bind {String} - um caminho para o método ou variável onde o valor carregado será ligado (opcional)
dirsource {String} um link para o método function(search, next(items_arr)) ou NEW: pode conter URL para pesquisa no formulário GET /api/partners/?q={0}
dircustom {String/Boolean} pode conter um caminho para a função(val, próximo(new_val)) ou pode ser Boolean. esta opção pode permitir adicionar um valor personalizado (valor não definido na fonte de dados)
dirrender {String} um caminho para function(item, text) (deve retornar HTML para j-Directory), esta função pode afetar a lista de itens em j-Directory
dirminwidth {Number} uma largura mínima para j-Directory, (default: 200)
dirmaxwidth {Number} a largura máxima para j-Directory
dirplaceholder {String} um local para j-Directory
dirempty {String} adiciona um campo vazio para j-Directory
dirkey {String} um nome chave para a leitura de texto em dirsource (default: name)
dirvalue {String} um nome chave para a leitura de valor em dirsource (default: id)
onresponse {String} um caminho para a propriedade ou function(response), executado se a resposta for processada (default: undefined)
NEW tapi {Boolean} permite chamar TAPI() insteadof AJAX() (default: falso)

Usando o Ajax

Se o value for alterado, o componente executa automaticamente a chamada AJAX.

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

Uso Inline

Se o value for alterado, então o componente executa config.exec para obter um texto leível de um valor.

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

Bom para saber:

component.response contém uma resposta cru do resultado

Use-o com <ui-component name="dynamicvalue">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>