MVC.Grid:如何使用jquery调用@ Html.AjaxGrid

时间:2017-06-15 11:09:59

标签: javascript jquery asp.net-mvc asp.net-ajax mvcgrid.net

我正在使用Mvc.Grid(Grid.MVC5)并使用其ajax-grid。

要调用ajax-grid,我们必须从视图中调用部分视图,如下所示: -

@Html.AjaxGrid(Url.Action("AjaxGrid", new { tableName = "", type = ""}))

我们可以使用jQuery调用它,我已尝试过以下但没有工作,TIA。

$.ajax({
        type: "POST",
        data: { tableName: TableName_, type: SelectedType },
        url: @Html.AjaxGrid(Url.Action("AjaxGrid"))
 });

部分观点: -

 public ActionResult AjaxGrid()
        {   
            return PartialView("_KitchensData", FilterData());
        }
 public IEnumerable<KitchenModel> FilterData()
        {
            ViewBag.TableName = "SK_Kitchen";
            KitchenModel model = new KitchenModel();
            KitchenModel result = kitchenAccess.KitchenSearch(model);
            IEnumerable<KitchenModel> _Kitchens = new List<KitchenModel>();
            if (result != null)
            {
                if (result._Kitchens.Count > 0)
                {
                    _Kitchens = result._Kitchens;
                    return _Kitchens;
                }
            }
            return _Kitchens;
        }

1 个答案:

答案 0 :(得分:1)

你可以尝试使用Jquery加载方法来解析jquery中的局部视图。

//html
<div id="targetDiv"> </div>

// js
$("#targetDiv").load('@Url.Action("AjaxGrid", new { tableName = "", type = ""})')