j-Permissions

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

- jComponent v19|v20

Konfiguration:

placeholder {String} ein Platzhalter für die j-Directory-Komponente (Standard: Search)
Berechtigungstypen types {String} (nur ein Zeichen pro Vorgang!!!!) (durch Komma getrenntes Array, Standard: R,W)
dirsource {String} optional, Pfad zu einer Datenquelle oder NEU: id|name,id|name
empty {String} optional, fügt einen Text in die leeren Berechtigungen ein
disabled {Boolean} optional, deaktiviert diese Komponente
default {String} Standardwert von type (Standard: R)
dirraw {Boolean} optional, deaktiviert die HTML-Kodierung für Text in j-Directory (Standard: false)
autoremove {Boolean} optional, es entfernt automatisch nicht vorhandene Berechtigungen (Standard: true)
autoexclude {Boolean} optional, es schließt die verwendeten Berechtigungen vom dirsource aus (Standard: true)
NEW: exec {String} optional, es führt eine Methode (path.to.method) aus, wenn der Benutzer den Wert ändert
NEU: button {String} optional, eine Schaltflächenbeschriftung (Standard: Add)

Quelle:

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

Eingabe und Ausgabe:

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

Verwenden Sie es mit <ui-component name="permissions">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>