[Solved] Delete Command Issue in Grid

[Daryl Shenner]

Hi Team,

We are experiencing the following issue while using the Delete button column in the Grid

We need to have a Delete column in the grid to delete the row. But Unfortunately, when I add the delete command, my grid getting splitted. Kindly provide us the right direction as soon as possible. Here is the code on creating/binding grid:

< table style="height:100%;">
<tr>
<td colspan="5">
@Html.Telerik().Grid(CommentsLog).Name("gridCommentsLog").DataKeys(dataKeys => dataKeys.Add(o => o.QuoteID)).ToolBar(commands => { commands.Insert().ButtonType(GridButtonType.Image); commands.SubmitChanges().ButtonType(GridButtonType.Image); }).DataBinding(dataBinding => dataBinding.Ajax().Select("GetCommentsLogDetails", "InventoryHome").Update("SaveCommentsLog", "InventoryHome")).Columns(columns =>
{
columns.Bound(o => o.QuotesCommentsLogID).Title("QuotesCommentsLogID").Hidden(true);
columns.Bound(o => o.QuoteID).Title("QuoteID").Hidden(true);
columns.Bound(o => o.LogUserName).Title("User").Width(40).ReadOnly(true);
columns.Bound(o => o.LogDateTime).Title("Date").Width(120).ReadOnly(true);
columns.Bound(o => o.Comments).Title("Comments");
columns.Command(commands => commands.Delete().ButtonType(GridButtonType.Image)).Title("Delete");
}).RowAction(row =>
{
// "DataItem" is the Order object to which the current row is bound to
if (row.DataItem.QuotesCommentsLogID != null)
{
//Set the background of the entire row
row.HtmlAttributes["disabled"] = "disabled";
}
}).CellAction(cell =>
{
if (cell.Column.Title == "Delete")
{
cell.HtmlAttributes["style"] = "visibility:hidden";
}
}).ClientEvents(events => events.OnEdit("onEdit")).Editable(editing => editing.Mode(GridEditMode.InCell).DefaultDataItem(new QuotesCommentsLogModel { LogUserName = SessionHandler.UserName, LogDateTime = DateTime.Now.ToShortDateString() })).Pageable(paging => paging.PageSize(10).Style(GridPagerStyles.NextPreviousAndDropDown)).Selectable().HtmlAttributes(new { style = " font-family:arial; font-size: .7em; width:800px;" })
</td>
</tr>
</table>

[Daniel]

Hello Daryl,

The most likely reason for the Grid being split is if it is in a form element. The delete command creates a form itself and nested forms are not supported.
If this is the case you should move the Grid out of the form. If not, I will need a sample project which reproduces this in order to investigate further.

Regards,
Daniel
the Telerik team

[Wahaj]

Thanks Daniel

You make life easier. Its Works...