ForgeКомпоненти
bg

Компоненти

j-Permissions

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20
  • - jComponent v19|v20

Конфигуриране:

  • placeholder {String} е място за компонент j-Directory (предварително: Search)
  • Типове разрешителни за types {String} (само един символ на операция!!!!) (режимът е ограничен от comma, по подразбиране: R,W)
  • dirsource {String} опция, път към източник на данни или NEW: id|name,id|name
  • empty {String} опция, добавя текст към празни разрешения
  • disabled {Boolean} опционално, деактивира този компонент
  • default {String} дефектна стойност на type (Съгласно с дефолт R)
  • dirraw {Boolean} опционално, деактивира кодирането на HTML за текст в j-Directory (предварително: false)
  • autoremove {Boolean} е опционален, той автоматично премахва несъществуващи разрешения (предварително: true)
  • autoexclude {Boolean} е опционален, той изключва използваните разрешения от dirsource (предварително: true)
  • NEW: exec {String} опционално, изпълнява метод (path.to.method) когато потребителят променя стойността
  • NEW: button {String} опционално, бутон етикет (предварително: Add)

Източник:

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

Вход и изход:

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

Използвайте го с <ui-component name="permissions">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>