j-Permissions

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

- jComponent v19|v20

Configuration :

placeholder {String} un locataire pour le composant j-Directory (défaut: Search)
Types de permission types {String} (uniquement un caractère par opération!!!!) (régime délimité par comma, par défaut: R,W)
dirsource {String} optionnel, route vers une source de données ou NEW: id|name,id|name
empty {String} optionnel, ajoute un texte aux permis vides
disabled {Boolean} facultatif, désactive ce composant
default {String} Valeur défectueuse de type (dans le défaut : R)
dirraw {Boolean} optionnel, désactifie le codage HTML pour le texte en j-Directory (défaut: false)
autoremove {Boolean} optionnel, il supprime automatiquement les permissions non existantes (defaut: true)
autoexclude {Boolean} facultatif, il exclu les autorisations utilisées de la dirsource (defaut: true)
NEW: exec {String} optionnel, il exécute une méthode (path.to.method) lorsque l'utilisateur change la valeur
NEW: button {String} facultatif, un étiquette de bouton (défaut: Add)

source:

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

Entrée et sortie:

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

Utilisez-le avec <ui-component name="permissions">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>