multiline textarea in a grid, databinding

[Jan Houwen]

I want to include a multiline textarea in a grid. I've tried to do that like this sample, by adding an 'editor' property to a  kendoGrid columns field, and defining an initializer function.

columns: [
       field: "cont"
       editor: textEditorInitialize 
]

var textEditorInitialize = function(container, options) {
        $('<textarea style="width: ' + container.width() + 'px;height:' + container.height() + 'px" />')
        .appendTo(container);
};

The editor does not quite work as expected. A functional edit box is added to the grid, but in edit mode the field value is not bound, the edit box is empty.
After completing the edit, no change event is triggered, so the update method of the datasource is not invoked.

What could be wrong?

[Vladimir Iliev]

Hi Jan,

 
Basically current approach is valid, however to be able to bind the editor to the model you should include the name attribute which should contain the field name - please check the updated editor below:

var textEditorInitialize = function(container, options) {
    $('<textarea name="' + options.field + '" style="width: ' + container.width() + 'px;height:' + container.height() + 'px" />')
    .appendTo(container);
};

Kind Regards,
Vladimir Iliev
the Telerik team

[Shoeb]

Hi,

I want to implement the same in MVC grid. I am not sure how to use textEditorInitialize in MVC Kendo Grid.

I have already implemented as per the below post.

http://www.telerik.com/forums/set-height-on-multiline-textbox-in-mvc-grid-with-inline-editing.

 

Thanks,

Shoeb.

 

 

 

 

[Vladimir Iliev]

Hi Shoeb,

Please note that the Editor MVC wrapper can be used as custom editor for given field as any other wrapper - for more information on the matter you can check the following help article:

• Grid: Editing

Regards,
Vladimir Iliev
Telerik by Progress