ForgeComponents
el

Components

j-Features

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20
  • Μόνο για υπολογιστές
  • Σιγκλέτο
  • Η λειτουργία του Bootstrap Grid System

Μέθοδοι

Μέθοδος: component.open(opt)

  • opt.placeholder {String} ένας τόπος για την εισαγωγή αναζήτησης (προεπιλογή: config.placeholder)
  • opt.items {Object Array} με κατάλογο χαρακτηριστικών (αναγκαία):
    • name {String} Ένα όνομα χαρακτηριστικό
    • icon {String} (επιλεγμένη) εικονική χωρίς fa-
    • keywords {String} (επιλεγμένες) πρόσθετες λέξεις-κλειδιά για την αναζήτηση
    • value {Object/String/Number} αξία
  • Το opt.scrolltop {Boolean} περιστρέφεται στην κορυφή μέχρι να εμφανιστεί το παράθυρο (προεπιλεγμένο: false)
  • Το opt.callback(selected) {Function} είναι μια κλήση που καλείται όταν ο χρήστης κάνει κλικ για κάποια χαρακτηριστικά. το επιχείρημα selected περιέχει ένα επιλεγμένο στοιχείο.
  • Μέθοδος: component.hide()

    ΕΠΙΤΡΟΦΗ:

    • placeholder {String} για την εισαγωγή αναζήτησης
    • height {Number} ύψος του στοιχείου λίστας (επιλεκτικά, προεπιλεγμένο 35)

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

    example.html
    <style>
    	body { background-color: #F0F0F0; }
    </style>
    
    <ui-component name="features" config="placeholder:Search ..."></ui-component>
    
    <div class="container">
    	<a href="javascript:features()">Show features</a>
    </div>
    
    <script>
    	function features() {
    		var opt = {};
    		opt.items = [{ name: 'Dashboard' }, { name: 'Invoices' }, { name: 'Orders' }, { name: 'Products' }, { name: 'Pages' }, { name: 'Notes' }, { name: 'Users', icon: 'user' }, { name: 'Settings' }];
    		opt.callback = function(selected) {
    			console.log('CLICK', selected);
    		};
    		SETTER('features/show', opt);
    	}
    	setTimeout(features, 500);
    </script>