j-ListBox

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

Nova moda escura
Trabalhe com Bootstrap

Configuração:

required {Boolean} permite required (default: false)
items {String} itens estáticos key1|value1, key2 with value, key3|value
type {String} 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} adiciona um campo vazio
disabled {Boolean} desabilita este componente
search {String} permite a caixa de pesquisa com este valor como um locatário
height {Number/String} altura (default: 200), string pode conter parent, window ou .parent_selector
multiple {Boolean} true espera Array em path (default: false)
exec {String} um link para a função que é executada quando o usuário clique no item

Use-o com <ui-component name="listbox">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="listbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|8;type:number"></ui-component>
</div>

<script>
	var items = 3;
</script>