neft/extensions/native-items/renderer/impl/css/textInput.js

Universal Platform

const { utils } = Neft;
const { setPropertyValue } = Neft.Renderer.itemUtils;
const { Item } = Neft.Renderer.Impl.Types;

exports.create = function (data) {
    Item.create.call(this, data);

    const innerElem = data.innerElem = document.createElement('input');
    innerElem.setAttribute('type', 'text');
    data.innerElemStyle = innerElem.style;
    data.elem.appendChild(innerElem);

    innerElem.addEventListener('input', () => {
        setPropertyValue(this, "text", innerElem.value);
    });
};

exports.createData = function () {
    return utils.merge({
        innerElem: null,
        innerElemStyle: null
    }, Item.DATA);
};

exports.setDSTextInputText = function(val) {
    this._impl.innerElem.value = val;
};

exports.setDSTextInputTextColor = function(val) {
    this._impl.innerElemStyle.color = val;
};