react根据json配置创建表单_关于web页的叙述不正确

react根据json配置创建表单_关于web页的叙述不正确我是一个新手,MVC3和剃刀和我需要结合/加载的WebGrid一旦数据从AJAX后返回的帮助。任何帮助将真正理解(项目截止日期即将到来之际);)我的情况是这样的:我有两个级联的下拉列表。第一个列表包含从数据库中的区域。一旦一个区域中,选择它填充第二个下拉用的设备的清单。一旦设备被选中,我需要填充的WebGrid有建筑物清单。我有级联下拉菜单正常工作Index.cshtml:@u…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

我是一个新手,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.

}

}

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/185532.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Tomcat 服务详解[通俗易懂]

    Tomcat 服务详解[通俗易懂]文章目录一、简介一、简介  Tomcat是一款免费、开放源代码的Web应用服务器,是Apache软件基金会的一个核心开源项目,属于轻量级应用服务器。官网:https://tomcat.apache.org/

    2022年5月16日
  • 一种突发事件的时滞动力学模型 2019-nCoV与参数辨识[通俗易懂]

    一种突发事件的时滞动力学模型 2019-nCoV与参数辨识[通俗易懂]@TOC一种突发事件的时滞动力学模型2019-nCoV与参数辨识摘要在本文中,我们提出了一个具有时滞的动态系统来描述2019-nCoV在中国的爆发。这种传染病的一个典型特征是它可以在潜伏期传播,因此可以用微分方程中的时滞过程来描述。分类群体的累计数量作为变量,与官方数据一致,便于参数辨识。为2019-nCoV疫情的预测和参数识别提供了数值方法,数值结果表明,该动态系统能够较好地预测疫情的发展…

    2022年9月28日
  • Redis–各个数据类型最大存储量

    Redis–各个数据类型最大存储量

    2021年11月3日
  • makefile中的include的作用(makefile中的变量)

    1、wildcard:扩展通配符2、notdir:去除路径3、patsubst:替换通配符例子:建立一个测试目录,在测试目录下建立一个名为sub的子目录$mkdirtest$cdtest$mkdirsub在test下,建立a.c和b.c2个文件,在sub目录下,建立sa.c和sb.c2个文件建立一个简单的Makef

    2022年4月18日
  • 关于开源的RTP——jrtplib的使用

    关于开源的RTP——jrtplib的使用

    2021年11月17日
  • python安装cpickle_python中cPickle

    python安装cpickle_python中cPickle在python中,一般可以使用pickle类来进行python对象的序列化,而cPickle提供了一个更快速简单的接口,如python文档所说的:“cPickle–Afasterpickle”。cPickle可以对任意一种类型的python对象进行序列化操作,比如list,dict,甚至是一个类的对象等。而所谓的序列化,我的粗浅的理解就是为了能够完整的保存并能够完全可逆的恢复。在cPic…

    2022年6月15日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号