[Solved] Grid issue when adding Delete Command

[MGrassman]

I have a grid that load via ajax and everything works fine.  When I add the Delete Command the grid causes the following javascript error.  I have tried to remove all code except the Grid and I get the same error?  Any suggestions as to what I'm doing wrong.  I have AJAX Gridss working in another project just fine.

MicrosoftMvcJQueryValidation.js:160

Uncaught TypeError: Cannot read property 'validationCallbacks' of null

Grid

<% Html.Telerik().Grid(Model.ZonesGridDisplay)
                .Name("gridLocationTypes")
                .DataKeys(keys =>
                {
                    keys.Add(m => m.ZoneId);
                })
                .HtmlAttributes(new
                {
                    style = string.Format("margin-top:10px;display:none;")
                })
                .DataBinding(dataBinding =>
                    {
                        dataBinding.Ajax()
                            .Select("_SelectZones", "Zone")
                            .Delete("_DeleteZones", "Zone");
                    })

                .Columns(columns =>
                {
                    columns.Bound(m => m.MarketName).Width(180);
                    columns.Bound(m => m.ZoneName).Width(180);
                    columns.Bound(m => m.ParentZoneName).Width(180);
                    columns.Bound(m => m.ModifiedDate).Width(180).ReadOnly();
                    columns.Bound(m => m.ModifiedBy).Width(180).ReadOnly();
                    columns.Command(commands => { commands.Delete(); }).Width(180).Title("Commands");
                })
                .Groupable(grouping => grouping
                    .Groups(groups =>
                    {
                        groups.Add(m => m.MarketName);
                    }))

                .Pageable()
                .Sortable()
                .Filterable()
                .Selectable()
                .ClientEvents(events => events.OnRowDataBound("gridLocationTypes_onRowDataBound"))
                .Render();
        %>

Controller

[GridAction]
        public ActionResult _SelectZones()
        {
            //ZonesViewData viewData = ViewDataFactory.CreateBaseViewData<ZonesViewData>("Zone Setup");
            List<ZonesGridDisplay> zones = ZoneService.GetZonesForGridDisplay(null);
            return View(new GridModel(zones));
        }

        [GridAction]
        public ActionResult _DeleteZones(Guid id)
        {
            Zone zone = ZoneService.GetById(id);
            if (zone != null)
            {
                ZoneService.Delete(zone);
            }
            return View(new GridModel(ZoneService.GetZonesForGridDisplay(null)));
        }

[Atanas Korchev]

Hi MGrassman,

We have not encountered this problem before. Is it possible for you to open a support ticket and send us a small sample which reproduces this JavaScript error? We are not sure how to cause the error at our side in order to debug it.

All the best,
Atanas Korchev
the Telerik team

[MGrassman]

Added ticket 349529

I now get it when I click on the market dropdown and not the grid action item.  but the error is the same.

Thanks,

[MGrassman]

Figured it out.

I needed

<form id="gridLocationTypesform">
</form>

 at the bottom of my page.

[Atanas Korchev]

Hello MGrassman,

 I think we have resolved a similar problem recently. I will send you a hotfix build in your support ticket so you can give it a try. Then you won't need that workaround.

Regards,
Atanas Korchev
the Telerik team