Bind multiline TextArea to inCell Grid

[Mathias]

Hello,

I am using an inCell editable grid and I want to use a textarea in one column.

The column looks like this:

columns.Bound(p => p.Reason).Title("Reason")

.ClientTemplate("<textarea rows='2' style='text-overflow:ellipsis; display:block; width:99%; height:100%; font-family:Arial; font-size:12px;' readonly='readonly'>#= Reason #</textarea>");

And the Editor-Template like this:

@model string

 

@Html.TextAreaFor(m => m, new { rows = 2, cols = 35, wrap = "hard",  @readonly = true, style = "text-overflow:ellipsis; display:block; width:99%; height:100%; font-family:Arial; font-size:12px;" })

My problem is, that I have to click outside the textarea of my ClientTemplate (but still inside the cell) to get the cell switched into the edit-mode. Is there any possibility to get the edit-mode by clicking anywhere in the cell... also if I click on the readonly-textarea which is defined in the ClientTemplate?

If i don't use a ClientTemplate, the text which gets inserted, especially the returns won't be shown and the whole text is in one line.

Does anyone have a solution for that?

[Flappie]

Hello,

This may be somewhat late, but maybe still helpful, if only for those who randomly find this thread...

Have you tried using the <pre> tag in the Client Template rather than a textarea? You'll have to style it to use a different font, but you're doing that for the textarea anyway.

[Mathias]

Hi Flappie,

thank you for your hint. With the pre-tag everything works perfectly! I used the following styles (if someone needs the same stuff):

height: 60px;

overflow: auto;

margin-top: 0px;

margin-bottom: 0px;

[TroyR]

Thank you all for this thread!  I need a bit more explanation on the original post's code set up to accomplish something similar.

How does his grid know to run the Editor-Template partial-view when he clicks into that column's cells?

If you can, please reply with an example or link in C# MVC.  Thanks!

[Konstantin Dikov]

Hi Troy,

You could refer to the following help article and online demo for detailed information regarding the Editor templates:

• http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/templating/editor-templates 
• http://demos.telerik.com/aspnet-mvc/grid/editing-custom

Hope this helps.


Regards,
Konstantin Dikov
Telerik