This question is locked. New answers and comments are not allowed.
I am facing a strange problem while doing an ajax binding of a grid inside a modal popup window.
The ajax call of the grid not getting called after doing search. What's wrong in the code... Please help
View :
Controller:
Any help will be greatly appreciated
The ajax call of the grid not getting called after doing search. What's wrong in the code... Please help
View :
@model IEnumerable<MvcApplicationMIS.Models.NpIniProcessGroupDTO> <div> @{Html.Telerik().Window() .HtmlAttributes(new { @class = "starnet-window" }) .Visible(false) .Name("PopupProcessGrp") .Title("Process Group") .Draggable(true) .Modal(true) .Buttons(b => b.Close()) .Content ( @<text> <div class="panel"> <div class="panel_hd"> <h3>Process Group</h3> </div> <div class="panel_divider"> </div> <div class="panel_body" style="display: block"> <div> @using (Ajax.BeginForm("SearchProcessGrp", "Home", new AjaxOptions() { UpdateTargetId = "divGridProcessGrps" })) { <div class="inner_panel" style="width: 69%;"> <div class="inner_panel_hd"> <h4>Search Criteria</h4> </div> <div class="inner_panel_divider1"></div> <div class="inner_panel_divider2"></div> <div class="inner_panel_body"> <div> Process Group: @Html.TextBox("txtProcessGrp") <input class="t-button" type="submit" id="btnSearch" value="Search" /> </div> </div> </div> <div class="inner_panel" style="width: 99%;"> <div class="inner_panel_hd"> <h4>Search Result(s)</h4> </div> <div class="inner_panel_divider1"></div> <div class="inner_panel_divider2"></div> <div class="inner_panel_body"> <div id="divGridProcessGrps"> @{ Html.Telerik().Grid(Model) .Name("ProcessGroupGrid") .HtmlAttributes(new { style = "width: 100%;" }) .NoRecordsTemplate("-") .DataKeys(dataKeys => { dataKeys.Add(i => i.process_grp); }) .Columns(col => { col.Bound(i => i.process_grp).Title("Process Group").HeaderHtmlAttributes(new { style = "text-align:center;" }); }) .DataBinding(dataBinding => { dataBinding.Ajax().Select("_LoadDataProcessGrp", "Home", new { strPrGrp = ViewBag.ProcessGrp }).Enabled((bool)ViewBag.IsAjax); }) .Resizable(resizing => resizing.Columns(true)) .Selectable() .Pageable() .Sortable() .Render(); } </div> </div> </div> } </div> </div> <div class="clearer"> </div> </div> </text> ) .Width(590) .Height(350) .Render(); }</div>Controller:
public ActionResult SearchProcessGrp(string txtProcessGrp) { ViewBag.IsAjax = true; ViewBag.ProcessGrp = txtProcessGrp; return PartialView("ProcessGroup"); } [GridAction] public ActionResult _LoadDataProcessGrp(string strPrGrp) { ViewBag.IsAjax = false; NpIniProcessGroupDTO obj = new NpIniProcessGroupDTO(); return View("ProcessGroup", new GridModel<NpIniProcessGroupDTO> { Data = obj.getIniProcesGroup(strPrGrp) }); }Any help will be greatly appreciated