[Solved] Binding a multiline textarea into the grid

[Ben]

So one of my columns is defined as such:

columns.Bound(o => o.DeliveryInstructions)
       .ClientTemplate("<textarea name='DeliveryInstructions' disabled='disabled' cols='40' rows='1'><#= DeliveryInstructions#></textarea>");

Which displays the data nicely. The problem is that using Ajax Editing, the nice big textarea reverts to a single line when editing. How can I fix this?

[Ben]

Anyone?

[Andrew]

Here is a solution:

In Views\Shares\EditorTemplates, create the TextArea.cshtml

@model string
@(Html.TextAreaFor(o => o, new { cols="40", rows="1" }))

Add UIHint to the Model object

public class Order
{
  [UIHint("TextArea")]
  public string DeliveryInstructions { get; set; }
}

Note: You may use Server Template for the column as follow: 

columns.Bound(o => o.DeliveryInstructions).Template(
  @<text>
    <textarea disabled='disabled' cols='40' rows='1'>@item.DeliveryInstructions</textarea>
  </text>);