j-Rules

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Il componente può creare una semplice regola che puoi trasformare in alcuni motori come Total.js Il flusso: il componente utilizza j-Directory Il componente.

Configurazione:

dirsearc {String}h A localizzatore per la ricerca di input in j-Directory, predefinito: search

Dichiarazione dati:

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

Proprietà dei dati nella dichiarazione dei dati:

name {String} un identificatore di oggetto (necessario)
label {String} un’etichetta (necessaria)
note {String}: una piccola nota sotto controllo
type {String} tipo, caso inferiore (necessario)
Gli articoli items {Object Array} per il tipo string solo nel modulo [{ id: String, name: String }]
enabled {Boolean} è possibile
comparer {String} può essere ==, !=, >, >=, <=, < (necessario)
value {Number/Boolean/String} Un valore

I tipi consentiti nei dati:

string
boolean
number

Utilizzare con <ui-component name="rules">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>