ForgeComponents
el

Components

j-Rules

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Το συστατικό μπορεί να δημιουργήσει έναν απλό κανόνα που μπορείτε να μετατρέψετε σε ορισμένους κινητήρες όπως Total.js Σύνδεση: Το συστατικό χρησιμοποιεί j-Directory Το συστατικό.


ΕΠΙΤΡΟΦΗ:

  • dirsearc {String}h Ένας χώρος για την εισαγωγή αναζήτησης στο j-Directory, προεπιλογή: search

Η δήλωση δεδομένων:

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

Ιδιότητες δεδομένων στην δήλωση δεδομένων:

  • name {String} ένα αναγνωριστικό στοιχείου (αναγκαίο)
  • label {String} μια ετικέτα (αναγκαία)
  • note {String}: Μικρή σημείωση υπό έλεγχο
  • type {String} τύπου, χαμηλότερη περίπτωση (αναγκαία)
  • items {Object Array} για τον τύπο string μόνο στη φόρμα [{ id: String, name: String }]
  • Το enabled {Boolean} επιτρέπει
  • Το comparer {String} μπορεί να είναι ==, !=, >, >=, <=, < (απαιτείται)
  • value {Number/Boolean/String} αξία

Επιτρεπόμενοι τύποι στα δεδομένα:

  • string
  • boolean
  • number

Χρησιμοποιήστε το με <ui-component name="rules">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>