j-Rules

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Die Komponente kann einfache Regeln erstellen, die Sie in einige Engines wie Total.js Flow umwandeln können. Die Komponente verwendet die Komponente j-Directory.

Konfiguration:

dirsearc {String}h Ein Platzhalter für die Sucheingabe in j-Directory, Standard: search

Datendeklaration:

var form = [];
form.push({ enabled: true, label: 'CPU', name: 'cpu', type: 'number', comparer: '==', value: 0, note: 'Value in mega bytes' });
form.push({ enabled: false, label: 'Memory', name: 'memory', type: 'number', comparer: '>', value: 0 });
form.push({ enabled: true, label: 'Error', name: 'error', type: 'string', comparer: '==', items: [{ name: 'Error', id: 'error' }, { name: 'Obsolete', id: 'obsolete' }] });
form.push({ enabled: false, label: 'Offline', name: 'offline', type: 'boolean', comparer: '==', value: 0 });

Dateneigenschaften in der Datendeklaration:

name {String} eine Artikelkennung (erforderlich)
label {String} ein Etikett (erforderlich)
note {String} eine kleine Notiz unter Kontrolle
type {String} ein Typ, Kleinbuchstaben (erforderlich)
items {Object Array}-Elemente für den Typ string nur in der Form [{ id: String, name: String }]
enabled {Boolean} aktiviert den Artikel
comparer {String} kann ==, !=, >, >=, <=, < sein (erforderlich)
value {Number/Boolean/String} ein Wert

Zulässige Typen in Daten:

string
boolean
number

Verwenden Sie es mit <ui-component name="rules">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="LAZY directory"></ui-component>

<div style="width:600px;padding:20px">
	<ui-component name="rules" path="form"></ui-component>
</div>

<script>
	var form = [];
	form.push({ enabled: true, label: 'CPU', name: 'cpu', type: 'number', comparer: '==', placeholder: '', value: 0, note: 'Value in mega bytes' });
	form.push({ enabled: false, label: 'Memory', name: 'memory', type: 'number', comparer: '>', placeholder: '', value: 0 });
	form.push({ enabled: true, label: 'Error', name: 'error', type: 'string', comparer: '==', items: [{ name: 'Error', id: 'error' }, { name: 'Obsolete', id: 'obsolete' }] });
	form.push({ enabled: false, label: 'Offline', name: 'offline', type: 'boolean', comparer: '==', value: 0 });
</script>