ForgeComponenten
nl

Componenten

j-Permissions

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20
  • - 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:

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

Invoer en uitvoer:

['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.

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>