j-Rules

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

De component kan een eenvoudige regels maken die u kunt omzetten naar sommige motoren zoals Total.js De component gebruikt j-Directory De component.

Configuratie:

dirsearc {String}h Een plaatshouder voor zoekopdrachten in j-Directory, standaard: search

Data verklaring:

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

Gegevens eigenschappen in de gegevensverklaring:

name {String} een item identificeer (verplicht)
label {String} een label (verplicht)
note {String} een kleine notitie onder controle
type {String} een type, lager geval (verplicht)
items {Object Array} items voor string alleen in het formulier [{ id: String, name: String }]
enabled {Boolean} is mogelijk
comparer {String} kan ==, !=, >, >=, <=, < zijn.
value {Number/Boolean/String} een waarde

Toegestelde soorten in gegevens:

string
boolean
number

Gebruik het met <ui-component name="rules">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>