j-KeyValue

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel komponent för att skapa nyckel/värdepar värden.

Konfigurera:

placeholderkey {String} en platsinnehavare för nyckeln
placeholdervalue {String} en platsinnehavare för värdet
icon {String} en etikettikona utan ti-
maxlength {Number} max. längd för inmatningar
label {String} en etikett (default: innerHTML)
disabled {Boolean} kan inaktivera denna kontroll
autocomplete {String} är en länk till function(input, component) som körs när en input fokuseras

Andra funktioner

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

Använd den med <ui-component name="keyvalue">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>