Not able to delete first record in Grid using Command.Destroy()

[Ratna]

Hi,

I was able to delete records using below code but not the first record on the grid. Looking at the html in firebug, I found out that for the first row's delete button is directly in the div tag and missing the form tag that has the action. Although, I have provided enough width for the last column, the command buttons are stacked. (Check in the attached display screen). Thanks in advance for any help.

@(Html.Kendo().Grid(Model)       

        .Name("Grid")

        .HtmlAttributes(new { @style = "width:500px;" })

                    .Editable(editable => editable.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(true)

                        .TemplateName("Grid")

                        .Window(w => w.Title("Product")                     

                        .Name("grdWindow")

                        .Animation(true)

                        .HtmlAttributes(new { @style = "width:500px;" }).Modal(true)))

        .Columns(column =>

        {

            column.Bound(p => p.ProductID).Width(120);

            column.Bound(p => p.ProductName).Width(200);

            column.Bound(p => p.Color).Width(120);

            column.Command(command => { command.Edit(); command.Destroy(); }).Width(420);

        })

            .Pageable(pager => pager.PageSizes(true).PreviousNext(true ))           

            .Sortable()

            .Selectable()           

            .DataSource(datasource => datasource

                .Server().PageSize(5)

                .Update("EditProduct", "Home")           

                .Destroy("DeleteProduct", "Home")               

                .Model(model => model.Id(p => p.ProductID))

            )

            )

[Nikolay Rusev]

Hello Ratna,

We are unable to reproduce this behavior with your Grid setup in the demos distributed with the release. It will be best if you provide us with runnable sample replicating the behavior in order to assist you further.

All the best,
Nikolay Rusev
the Telerik team

[Ratna]

Hi,

I have uploaded zipped demo project here (since it was bigger than 2MB): https://www.dropbox.com/sh/vgzkwnqzxojsv1x/_GSbGICs1D

Thanks,
Ratna

[Nikolay Rusev]

Hello Ratna,

If you inspect the response served from server you will notice that form element wraps all delete buttons. However as the grid is also wrapped in form element this results in nested forms which is invalid html.

You shouldn't wrap the grid in form as it will generate forms for its delete actions, over it's editor etc.

Greetings,
Nikolay Rusev
the Telerik team

[Ratna]

Thank you. It worked now.