Ajax 重新绑定 webgrid 数据,绑定的WebGrid形式AJAX(Bind WebGrid form AJAX)

我是一个新手，MVC3和剃刀和我需要结合/加载的WebGrid一旦数据从AJAX后返回的帮助。 任何帮助将真正理解(项目截止日期即将到来之际);)

我的情况是这样的：我有两个级联的下拉列表。 第一个列表包含从数据库中的区域。 一旦一个区域中，选择它填充第二个下拉用的设备的清单。 一旦设备被选中，我需要填充的WebGrid有建筑物清单。 我有级联下拉菜单正常工作

Index.cshtml：

@using ThisController = MyProject.Controllers.BuildingModelsController

@model IEnumerable

@{

if (Model != null && Model.Count() > 0)

{

var grid = new WebGrid(source: Model, rowsPerPage: ThisController.PageSize, ajaxUpdateContainerId: "tabs-2", defaultSort: "BuildingNumber");

grid.Bind(Model, rowCount: Model.Count(), autoSortAndPage: false);

grid.Pager(WebGridPagerModes.All);

grid.GetHtml(

tableStyle: "display",

alternatingRowStyle: "alt",

columns: grid.Columns(

//grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { EmployeeID = item.EmployeeID, ContactID = item.ContactID })),

grid.Column("BuildingNumber", header: "Building Number"),

grid.Column("ConstructionDate", header: "Construction Date"),

grid.Column("ExtSquareFeet", header: "Exterior Sq. Ft."),

grid.Column("IntSquareFeet", header: "Interior Sq. Ft."),

grid.Column("IU_Avail", header: "IU Available"),

grid.Column("SpaceAvail", header: "Space Available"),

grid.Column("FixedAssetValue", header: "Fixed Asset Value"),

grid.Column("FixedEquipValue", header: "Fixed Equipment Value")

));

}

else

{

@:There are no buildings at this facility.

}

}

这里是我的AJAX调用

var regId = $("#ddlRegion").val();

var facId = $("#ddlFacility").val();

$.ajax({

type: "POST",

url: '@Url.Action("GetFacilityDetails")',

data: { regionId: regId, facilityId: facId },

success: function (returndata) {

if (returndata.ok) {

var itemData = returndata.data;

var address = itemData.Address + " " + itemData.City + " " + itemData.State + " " + itemData.Zip;

$("#lblFacilityType").html(itemData.FacilityType);

$("#lblFacilityPurpose").html(itemData.FacilityPurpose);

$("#lblFacilityStatus").html(itemData.FacilityStatus);

$("#lblFacilityAddress").html(address);

$("#tabs").tabs({ disabled: [] });

//need to populate webgrid here

}

else {

window.alert(' error : ' + returndata.message);

}

}

}

);

我的控制器：

[HttpPost]

public ActionResult GetFacilityDetails(int regionId, string facilityId)

{

try

{

//ViewBag.Buildings = buildingsVM.GetFacilityBuildings(regionId, facilityId);

var facility = buildingsVM.GetFacilityDetails(regionId, facilityId);

facility.Buildings = buildingsVM.GetFacilityBuildings(regionId, facilityId) as List;

return Json(new { ok = true, data = facility, message = "ok" });

}

catch (Exception ex)

{

return Json(new { ok = false, message = ex.Message });

}

}

@Darin我让你修改建议，但我没有看到屏幕上显示的任何东西。 我没有得到任何错误，无论是。 我通过代码加强和我确认，在视图模型对象有我的自定义“建筑模型”对象12。

这里是我的PartialView：

@model IEnumerable

@{

if (Model != null && Model.Count() > 0)

{

var grid = new WebGrid(rowsPerPage: 50, defaultSort: "BuildingNumber", ajaxUpdateContainerId: "tabs-2");

grid.Bind(Model, rowCount: Model.Count(), autoSortAndPage: false);

grid.Pager(WebGridPagerModes.All);

grid.GetHtml(

tableStyle: "display",

alternatingRowStyle: "alt",

columns: grid.Columns(

grid.Column("BuildingNumber"),

grid.Column("ConstructionDate"),

grid.Column("ExtSquareFeet"),

grid.Column("IntSquareFeet"),

grid.Column("IU_Avail"),

grid.Column("SpaceAvail"),

grid.Column("FixedAssetValue"),

grid.Column("FixedEquipValue")

));

}

else

{

@:There are no buildings at this facility.

}

}

有趣的是，当我做我看到浏览器中查看源文件“有没有建筑物在这个工厂。”，但它没有被显示在屏幕上和模式确实有我的自定义对象，当我通过代码在调试器阶梯。