ForgeKomponensek
hu

Komponensek

j-Permissions

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal
  • - jComponent v19|v20

konfiguráció:

  • placeholder {String} egy helytartó a j-Directory komponenshez (default: Search)
  • types {String} engedély típusok (csak egy karakter a műveletre!!!!) (komma által meghatározott sorrend, alapértelmezett: R,W)
  • dirsource {String} opcionális, az adatforráshoz vezető út vagy NEW: id|name,id|name
  • empty {String} opcionális, az üres engedélyekhez szöveget ad hozzá
  • disabled {Boolean} opcionális, kikapcsolja ezt az összetevőt
  • default {String} A hiányzó érték type (Az alapértelmezett R)
  • dirraw {Boolean} opcionális, nem engedélyezi a HTML kódolást a szöveghez j-Directory (default: false)
  • autoremove {Boolean} opcionális, automatikusan eltávolítja a nem létező engedélyeket (default: true)
  • autoexclude {Boolean} opcionális, kizárja a használt engedélyeket a dirsource (default: true)
  • NEW: exec {String} opcionális, egy módszert (path.to.method) futtat, amikor a felhasználó megváltoztatja az értéket
  • NEW: button {String} opcionális, egy gombjelző (default: Add)

forrás:

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

Bevezetés és kimenetel:

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

Használja a <ui-component name="permissions">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>