j-ClBind

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

El componente lee un elemento con una fuente de datos vinculada. El componente admite la plantilla Tangular dentro del elemento (opcional). Como el valor se almacena en la variable {{ value.something }}.

Configuración:

datasource {String} o dirsource {String} requiere una fuente de datos
id {String} una clave de par (predeterminada: id)
nullable {Boolean} representa el valor null (predeterminado: true)
exec {String} ejecuta el método function(value, element)
bind {String} vincula un valor de lectura según la ruta definida

Úselo con <ui-component name="clbind">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<ui-component name="clbind" path="form.typeid" config="datasource:#types;nullable:0;bind:form.type">
	<script type="text/html">
		<div>Value: {{ value.name }}</div>
	</script>
</ui-component>
<br />
<ui-bind path="!form.type" config="html:value.name"></ui-bind>

<script>
	DEF.cl.types = [{ id: 'totaljs', name: 'Total.js' }, { id: 'java', name: 'Java' }, { id: 'php', name: 'PHP' }, { id: '.net', name: '.NET' }];
	var form = {};
	form.typeid = 'totaljs';
</script>