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 Συγγραφέας: Peter Širka. πηγή: το 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>