intercellular / cell

A self-driving web app framework
https://www.celljs.org
MIT License
1.51k stars 94 forks source link

mutation of a cell #183

Open Sejiko opened 5 years ago

Sejiko commented 5 years ago

I tried to Build a smart div which changes to an input if the user double clicks it and changes back after the after the user has inserted some data.

So i tried this:

var ಠᴥಠ = {
    $cell: true,
    $type: 'span',
    $text: 'Text to change via input field',
    ondblclick: function () {
        this.$type = 'input';
    },
    onkeyup: function (e) {
        if(e.keyCode == 13) {
            this.text = this.value;
            this.type = 'div';
            console.log(this.value);
        }
    }
}

... well the first part was no problem to change this to an input field but now it doesnt change back leaving me with an input field.

Im not sure if this should work or not im new to cell.js.

adamlwgriffiths commented 1 year ago

You're missing $'s.

            this.text = this.value;
            this.type = 'div';

Should be

            this.$text = this.value;
            this.$type = 'div';