j-Rules

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

O componente pode criar uma regra simples que você pode transformar em alguns motores como Total.js Fonte: o componente que usa j-Directory composição .

Configuração:

dirsearc {String}h A localização para a entrada de pesquisa em j-Directory, padrão: search

Declaração de dados:

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

Propriedades de dados na declaração de dados:

name {String} um identificador de item (requerido)
label {String} um rótulo (requerido)
note {String} uma pequena nota sob controle
type {String} um tipo, caso inferior (necessário)
Produtos items {Object Array} para o tipo string apenas na forma [{ id: String, name: String }]
enabled {Boolean} permite o item
comparer {String} pode ser ==, !=, >, >=, <=, < (necessário)
value {Number/Boolean/String} um valor

Tipos permitidos em dados:

string
boolean
number

Use-o com <ui-component name="rules">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>