j-Rules

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Składnik może tworzyć proste zasady, które można przekształcić w niektóre silniki, takie jak Total.js Strumień: składnik wykorzystuje j-Directory i składników.

Konfiguracja:

dirsearc {String}h A miejsce do wyszukiwania w j-Directory, domyślnie: search

Deklaracja danych:

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 });

Właściwości danych w deklaracji danych:

name {String} identyfikator elementu (wymagany)
label {String} etykietę (wymagane)
note {String} mała notatka pod kontrolą
type {String} typu, niższy przypadek (wymagany)
Elementy items {Object Array} dla typu string tylko w formie [{ id: String, name: String }]
enabled {Boolean} umożliwia
comparer {String} może być ==, !=, >, >=, <=, < (wymagane)
value {Number/Boolean/String} wartość

Dozwolone typy w danych:

string
boolean
number

Użyj go z <ui-component name="rules">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

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>