ForgeComponentes
pt

Componentes

j-Permissions

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20
  • - jComponent v19|v20

Configuração:

  • placeholder {String} um local para o componente j-Directory (default: Search)
  • Tipos de permissão de types {String} (apenas um caracter por operação!!!!) (array delimitado por comma, padrão: R,W)
  • dirsource {String} opcional, caminho para uma fonte de dados ou NEW: id|name,id|name
  • empty {String} opcional, adiciona um texto às permissões vazias
  • disabled {Boolean} opcional, desabilita este componente
  • default {String} Valor de default type (E o padrão é R)
  • dirraw {Boolean} opcional, desabilita a codificação HTML para texto em j-Directory (default: false)
  • autoremove {Boolean} opcional, ele remove automaticamente permissões não existentes (default: true)
  • autoexclude {Boolean} opcional, exclui as permissões utilizadas do dirsource (default: true)
  • NEW: exec {String} opcional, executa um método (path.to.method) quando o usuário muda o valor
  • NEW: button {String} opcional, uma etiqueta de botão (default: Add)

Fonte:

[
	{
		id: "123456",
		name: 'Peter'
	},
	{
		id: "654321",
		name: 'John'
	}
]

Introdução e saída:

['R123456', 'W123456', 'W654321']

Use-o com <ui-component name="permissions">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="directory"></ui-component>
<ui-component name="permissions" path="mypermissions" config="dirsource:datasource;types:R|Read,U|Update;empty:Set permissions">Permissions</ui-component>

<div class="mt10"><ui-bind path="mypermissions" config="text:JSON.stringify(value)"></ui-bind></div>

<script>
	var mypermissions = ['Radmin', 'Remployee', 'Uaccountant'];
	var datasource = [{ id: 'admin', name: 'Admin' }, { id: 'employee', name: 'Employee' }, { id: 'accountant', name: 'Accountant' }];
</script>