ForgeComponentes
pt

Componentes

j-Parameters

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

Este componente pode alterar os parâmetros internos.


Configuração:

  • dateformat {String} opcional, um formato de data (default: yyyy-MM-dd)
  • search {String} opcional, localização para entrada de pesquisa (default: Search)
  • height {Number} opcional, uma altura do elemento (default: undefined)
  • parent {String} opcional, selector jQuery para auto-estabelecimento de altura (podem ser window, parent ou custom)
  • hidetype {Boolean} opcional, tipo oculta (default: false)
  • margin {Number} opcional, margem vertical (default: 0)

Declaração de dados:

var form = [];
form.push({ name: 'user.firstname', label: 'First name', type: 'string', value: 'Peter Sirka' });
form.push({ name: 'user.age', type: 'number', value: 33, min: 18, max: 50 });
form.push({ name: 'user.birth', type: 'date', value: NOW });
form.push({ name: 'user.newsletter', type: 'boolean', value: true });

Tipos permitidos em dados:

  • string
  • boolean
  • number
  • date

Use-o com <ui-component name="parameters">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
<ui-component name="parameters" path="form" config="height:200"></ui-component>

<script>
	var form = [];
	form.push({ name: 'user.firstname', type: 'string', value: 'Peter' });
	form.push({ name: 'user.lastname', type: 'string', placeholder: 'String' });
	form.push({ name: 'user.age', type: 'number', value: 33 });
	form.push({ name: 'user.birth', type: 'date', value: NOW });
	form.push({ name: 'user.newsletter', type: 'boolean', value: true });
</script>