j-Permissions

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

- jComponent v19|v20

Configuración:

placeholder {String} un marcador de posición para el componente j-Directory (predeterminado: Search)
Tipos de permisos types {String} (¡¡¡solo un carácter por operación!!!!) (matriz delimitada por coma, predeterminado: R,W)
dirsource {String} opcional, ruta a una fuente de datos o NUEVO: id|name,id|name
empty {String} opcional, agrega un texto a los permisos vacíos
disabled {Boolean} opcional, desactiva este componente
default {String} valor predeterminado de type (predeterminado: R)
dirraw {Boolean} opcional, desactiva la codificación HTML para texto en j-Directory (predeterminado: false)
autoremove {Boolean} opcional, elimina automáticamente permisos inexistentes (por defecto: true)
autoexclude {Boolean} opcional, excluye los permisos utilizados del dirsource (por defecto: true)
NEW: exec {String} opcional, ejecuta un método (path.to.method) cuando el usuario cambia el valor
NUEVO: button {String} opcional, una etiqueta de botón (predeterminado: Add)

Fuente:

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

Entrada y salida:

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

Úselo con <ui-component name="permissions">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>