j-Dropdown

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

Configuração:

required {Boolean} (opcional) permite o "requisito" (default: false)
items {String} (opcional) itens estáticos key1|value1, key2 with value, key3|value
Icon icon {String} (opcional) para o rótulo, por exemplo, home, cog, etc.
label {String} (opcional) etiqueta (default é conteúdo HTML)
type {String} (opcional) pode ser number (converter valores de String para Number)
datasource {String} caminho para a fonte de dados (deve ser array)
text {String} determina um nome de propriedade para texto (em fonte de dados), padrão: name
value {String} determina um nome de propriedade para o valor (em fonte de dados) padrão: id
empty {String} (opcional) adiciona um campo vazio
disabled {Boolean} (opcional) desabilita este componente
if {String} (opcional) função de arco como condição para a filtragem da fonte de dados, exemplo: if:n => !n.removed

Use-o com <ui-component name="dropdown">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:400px">
	<ui-component name="dropdown" path="form.idcategory" config="datasource:datasource;empty:;required:true;type:number;icon:navicon">Category</ui-component>
	<br />
	<ui-component name="dropdown" path="form.idinline" config="items:,A|1,B|2,C|3">Inline options</ui-component>
</div>

<script>
	var datasource = [{ name: 'A', id: 1 }, { name: 'B', id: 2 }, { name: 'C', id: 3 }];
	var form = {};
</script>