Telerik grid shows an empty column after delete command

Question

I am using Telerik MVC Extensions Grid control, with AJAX binding, and run a delete command. Deletion works as intended, and the grid updates so that it doesn't show the deleted row.

However, after deleting one of the grid columns (the first one) shows up empty. There is also difference in the second column - 'false' instead of the unchecked box. Any ideas why, and how do I fix that?

I can refresh the screen, and that fixes the view. But it is a heavy page, and I'd rather not do the second refresh.

Delete first row:

After deleting, the first column shows up empty: Now first column is empty:

My grid:

Html.Telerik()
    .Grid(Model)
    .Name("scenarioGrid")
    .DataBinding(dataBinding => dataBinding.Ajax()
                                    .Delete("Delete", "Scenario"))
    .DataKeys(keys => keys.Add(c => c.Id))
    .Columns(columns =>
        {
            columns.Template(o => Html.ActionLink(o.Name, "Index", new {id = o.Name})).Title("Scenario")
                .FooterTemplate(@<text>Total @Model.Count() </text>);
            columns.Bound(o => o.IsLocked);
            columns.Bound(o => o.ContractMonth);
            columns.Bound(o => o.CreateDate);
            columns.Command(commands => commands.Delete().ButtonType(GridButtonType.Image)).Title("Delete");
        }
    )
    .Sortable()
    .Scrollable(scroll => scroll.Height(200))
    .ClientEvents(events => events.OnDelete("onDelete").OnComplete("afterDelete"))

Forty-Two · Accepted Answer · 2012-08-02 20:38:50Z

1

You shouldn't use columns.Template with Ajax binding. It's meant for server side bound grids. You should use

columns.Bound(o => 0.whatever).ClientTemplate("convert your link to a string here");

answered Aug 2, 2012 at 20:38

Forty-Two

7,6252 gold badges39 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jprusakova Over a year ago

Can you help with syntax for client template?

Forty-Two Over a year ago

@jprusakova I'm sure someone here can. Just add a question with what you're having trouble with. Chances are, it will get resolved for you:)

Daniel · Accepted Answer · 2012-08-02 20:41:19Z

1

It looks like you are using server binding to load the grid, but ajax binding to update it. columns.Template is used for server binding. You should use ClientTemplate for ajax binding.

answered Aug 2, 2012 at 20:41

Daniel

5,7624 gold badges35 silver badges36 bronze badges

Collectives™ on Stack Overflow

Telerik grid shows an empty column after delete command

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related