ForgeKomponensek
hu

Komponensek

j-Features

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal
  • Csak asztali számítógépekhez
  • Szingapúr
  • A Bootstrap Grid rendszer

módszerek

Módszer: component.open(opt)

  • opt.placeholder {String} a keresési beviteli helytartó (default: config.placeholder)
  • opt.items {Object Array} a funkciók listájával (követelmény):
    • A name {String} név
    • icon {String} (opcionális) ikon nélkül fa-
    • keywords {String} (opcionális) további kulcsszavak kereséséhez
    • value {Object/String/Number} Értéke
  • A opt.scrolltop {Boolean} felfelé forog, amíg az ablak megjelenik (default: false)
  • opt.callback(selected) {Function} egy callback, amely akkor hívják, amikor a felhasználó néhány funkcióra kattint. selected Az érv tartalmazza a kiválasztott elemet.
  • Módszer: component.hide()

    konfiguráció:

    • placeholder {String} a keresési beviteli helyszínen
    • height {Number} listázási elem magassága (opcionális, alapértelmezett 35)

    Használja a <ui-component name="features">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

    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>