Text Input box in a cell for editing

Just getting started with the grid control. Looks really elegant.

Considering it for one application we have, where one column of a table has text input fields for the user to enter dates. The text-input fields have boxes, to indicate to the user that they are editable. So, I cannot really use the "built-in" edit feature of the grid, which requires the user double click on a cell to edit it.

Is there a way to put a standard HTML one-line text input field into a cell, and have the user-entered data still be part of the model, to support sorting, etc...?

Thanks.

Yes, you can put whatever html you want into the cell but you'd have to manage cell changes/editing yourself in this case.

Alternatively you can just switch the cell into the editing mode automatically -

obj.onCellSelectedChanged = function(selected, col, row){
        this.setTimeout(function(){
            this.raiseEvent("editCurrentCell", {}, col, row);
        });
    }

I like your alternative and will suggest that to the customer. Thank you.