autograph/src/components/views/ValueComponentView.js

A visual data routing automation tool.

/**
 * @class ValueComponentView
 * @type {*}
 */
var ValueComponentView = WebviewComponentView.extend({

    /**
     * @method
     */
    addContent: function () {

        WebviewComponentView.prototype.addContent.call(this);

        var m = this.model;

        this.htmlHolder
            .attr("width", 130)
            .attr("height", 24);

        this.textField = this.htmlBody
            .append("input")
            .attr("type", "text")
            .attr("class", "nodrag");

        this.textField
            .on("keyup", function () {
                var val = d3.event.target.value;
                m.set("value", val);
            });
    },

    /**
     * @method
     */
    render: function () {
        WebviewComponentView.prototype.render.call(this);
        this.textField
            .attr("value", this.model.get("value"));

    }

});