Grid create menu - Textarea

[Carlos]

I need to enter a multiline text within the grid, any solution for this?


schema: {
                    data:"data",
                    total: "total",
                    model: {                        
                        id: "id",
                        fields: {                            
                             
   I need to enter multiline text in this field 
                            cont: { type: "string", name: "contenido", validation: { required: true } }

                        }
                    }
                    
                }

[Jonas]

Use a custom editor in your column definition:

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

...

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

[Jan Houwen]

I tried the given solution, to include an editor in a gridview.
The editor does not quite work as expected. 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?
 

[Daniel]

Hi,

You should also specify the binding to the textarea in order for the editor to work correctly:

var textEditorInitialize = function(container, options) {
        $('<textarea data-bind="value:' + options.field + '" />')
        .appendTo(container);
};

Regards,
Daniel
the Telerik team

[Jan Houwen]

Thanks Daniel for the reply.

I have tried to create the binding according to your sample, but this is not working.
What I can observe by adding watches in firebug is that the initializer function seems to be called with just the 'container' param, the 'options' param is undefined. So the  '....    data-bind="value:' + options.field  ..  '  fails.

 I'm using following versions of the libraries:

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>

Any idea?

[Daniel]

Hi,

I have created a small jsBin example based on the Grid InLine editing demo that uses a textarea for the "ProductName" field. Please check it on this page and let me know if I am missing something.

Regards,
Daniel
the Telerik team

[Jan Houwen]

Thanks for the sample.

I've tried this and it works, and my initial setup, without an edit button, with a clickable inputfield, magically works too. (http://jsbin.com/itiyon/3/edit ) The firebug watch on the 'options' param of the textEditorInitialize function however still lists this param as 'undefined'. (ReferenceError: options is not defined). I'll try to scrutinize this.