# j-Permissions

> j-Permissions: - jComponent v19|v20; NEW: executeert {String} optioneel, het uitvoert een methode (path.to.method) wanneer de gebruiker de waarde wijzigt

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: 740bbe0c7ea916381276b55e9e30d502375d97e447c55f97e311b318bc85231c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- - jComponent `v19|v20`

__Configuratie__:

- `placeholder {String}` een plaatshouder voor de component `j-Directory` (default: `Search`)
- `types {String}` toestemmingstypen (alleen één teken per operatie!!!!) (de ranglijst gedefinieerd door comma, standaard: `R,W`)
- `dirsource {String}` optioneel, route naar een gegevensbron of __NEW__: `id|name,id|name`
- `empty {String}` optioneel, voegt een tekst toe aan de leegte
- `disabled {Boolean}` optioneel, deze component wordt uitgeschakeld
- `default {String}` Defecte waarde van `type` (De standaard is : `R`)
- `dirraw {Boolean}` optioneel, de HTML-encoding in `j-Directory` (default: `false`) uitgeschakeld
- `autoremove {Boolean}` optioneel, het verwijdert automatisch niet-existeerde vergunningen (default: `true`)
- `autoexclude {Boolean}` is optioneel, het uitsluit de gebruikte toestemmingen van de `dirsource` (default: `true`)
- __NEW__: `exec {String}` optioneel, het uitvoert een methode (`path.to.method`) wanneer de gebruiker de waarde wijzigt
- __NEW__: `button {String}` optioneel, een knop label (default: `Add`)

__Bron__:

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

__Invoer en uitvoer__:

```js
['R123456', 'W123456', 'W654321']
```

Gebruik het met `<ui-component name="permissions">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```html 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>
```