Editing Row using KendoGrid - asp.net

Question

Hi I am Having a View Where I am using Kendo Grid.I am editing the row of the table but getting the error.Here is my Code goes.
#(Html.Kendo().Grid<Invoice.Models.ViewModels.Setup.AccountViewModel>()
.Name("Account")
.Columns(columns =>
{
columns.Bound(p => p.AccountID).Title("ID").Width(250);
columns.Bound(p => p.AccountType).Title("Account Type").Width(225);
columns.Bound(p => p.AccountName).Title("Account Name").Width(225);
columns.Bound(p => p.Currency).Title("Currency").Width(225);
columns.Bound(p => p.Status).ClientTemplate("#=data.Status#").Width(225).HtmlAttributes(new {style="text-align:center"});
//columns.Command(command => command.Custom("Edit").Click("showDetails")).Title("Action").Width(150);
columns.Command(command => { command.Edit();}).Width(90);
})
.ToolBar(toolbar =>
{
toolbar.Template(#<text>
<div class="row-fluid">
<div class="span1">
<div class="toolbar" style="height:25px;">
<ul id="menu" style="width:38px; margin-left:22px;" class="span6">
<li style="width:36px;">
<i class="fa fa-plus"></i>
<ul>
#foreach (var account in #ViewBag.AccountType)
{
<li style="width:100px;" class="openid">
#if (#account.Value == "Bank")
{
<label id="Bank1">#account.Value</label>
}
#if (#account.Value == "CreditCard")
{
<label id="Credit">#account.Value</label>
}
#if (#account.Value == "Cash")
{
<label id="Cash1">#account.Value</label>
}
</li>
}
</ul>
</li>
</ul>
</div>
</div>
</div>
</text>);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:550px;" })
//.Selectable(selectable => selectable
//.Mode(GridSelectionMode.Multiple))
.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("UpdateAccount"))
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => events.Error("error_handler"))
//.ServerOperation(true)
.Model(model => model.Id(p => p.AccountID))
.Read(read => read.Action("Account_Read", "Setup"))
.Create(c => c.Action("Account_Create", "Setup"))
.Update(u => u.Action("Account_Update","Setup"))
)
)
Now the thing is that I am fetching the "Status" from the database that is a HTML tag <span class="label label-success">Active</span> and converting this into the label As Active,InActive and Blocked and Displaying it into the Grid but the problem is that when i am editing this i am getting this error.
"A potentially dangerous Request.Form value was detected from the client (Status="
Here i am using My own template as
UpdateAccount(.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("UpdateAccount")))
wherein i am not including the Status Field but still getting this error.
My UpdateAccount template is as Follows:
<input type="hidden" name="AccountID" id="AccountID" />
<div class="control-group">
<label class="control-label">Account Type</label>
<div class="controls">
<input type="text" name="AccountType" id="AccountType" />
</div>
</div>
<div class="control-group">
<label class="control-label">Account Name</label>
<div class="controls">
<input type="text" name="AccountName" id="AccountName" />
</div>
</div>
<div class="control-group">
<label class="control-label">Currency</label>
<div class="controls">
<input type="text" name="Currency" id="Currency" />
</div>
</div>
Please help me !!!

Answer 1

You can set a template for just one column like this :
columns.Bound(p => p.AccountType)
.Title("Account Type")
.Width(225)
.Template(#<img src="./Images/accountIco.png" title="#item.AccountName" />#item.AccountType);