j-DropdownCheckbox

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

NEW agora suporta o modo escuro

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 a etiqueta sem ti- por exemplo, home, cog, etc.
checkicon {String} (opcional) verificação icona sem ti-, (default: check).
label {String} (opcional) etiqueta (default é conteúdo HTML)
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
disabled {Boolean} (opcional) desabilita este componente
cleaner {Boolean} (opcional) remove valores não existentes (default: true)
limit {Number} (opcional) estabelece um limite para itens selecionados (default: 0)
visible {Number} (opcional) coloca um item visível máximo e, em seguida, exibe X selected (default: 0)
selectedtext {String} (opcional) coloca uma mensagem para o máximo de itens visíveis, por exemplo, {0} selected from {1} (default: {0} selected)
alltext {String} (opcional) quando todos os itens são selecionados este é mostrado (default: All selected você pode desativá-lo com null)
placeholder {String} (opcional) estabelece um texto para o locatário

Use-o com <ui-component name="dropdowncheckbox">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:200px">
	<ui-component name="dropdowncheckbox" path="selected" config="required:true;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
<div style="width:200px;margin-top:30px">
	<ui-component name="dropdowncheckbox" path="selected2" config="placeholder:Placeholder;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>