j-KeyValue

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Een eenvoudige component voor het creëren van sleutel/waardeparen waarden.

Configuratie:

placeholderkey {String} een plaatshouder voor de sleutelinput
placeholdervalue {String} een plaatshouder voor de waarde-input
icon {String} een etiket icon zonder ti-
maxlength {Number} max. lengte voor inputs
label {String} een label (default: innerHTML)
disabled {Boolean} kan deze controle ontbinden
autocomplete {String} is een link naar function(input, component) die wordt uitgevoerd wanneer een input is gericht

Andere functionaliteit

// Binder
SETTER('keyvalue/binder', function(type, value) {
    if (type === 'key')
        return value.toUpperCase();
    else // type === 'value'
        return value;
});

Gebruik het met <ui-component name="keyvalue">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

example.html

<ui-component name="keyvalue" path="keyvalue" config="placeholderkey:Type a key;placeholdervalue:Type a value and press enter">Key Value component</ui-component>

<script>
	var keyvalue = {};
</script>