要实现编辑级联下拉列表,您可以按照以下步骤进行操作:
创建数据库表格:
创建模型类:
创建控制器和视图:
编写JavaScript代码:
下面是一个简单的示例代码:
主列表模型类:
public class MainListModel
{
public int Id { get; set; }
public string Name { get; set; }
}
子列表模型类:
public class SubListModel
{
public int Id { get; set; }
public string Name { get; set; }
public int MainListId { get; set; }
}
控制器:
public class HomeController : Controller
{
private ApplicationDbContext db = new ApplicationDbContext();
public ActionResult Index()
{
var mainList = db.MainLists.ToList();
ViewBag.MainList = new SelectList(mainList, "Id", "Name");
return View();
}
public ActionResult GetSubList(int mainListId)
{
var subList = db.SubLists.Where(s => s.MainListId == mainListId).ToList();
return PartialView("_SubList", subList);
}
}
主列表视图:
@model IEnumerable
@{
ViewBag.Title = "Index";
}
主列表
@using (Html.BeginForm())
{
@Html.DropDownList("MainList", ViewBag.MainList as SelectList, "请选择", new { @class = "form-control", id = "mainList" })
}
子列表部分视图(_SubList.cshtml):
@model IEnumerable
@{
ViewBag.Title = "SubList";
}
子列表
@Html.DropDownList("SubList", new SelectList(Model, "Id", "Name"), "请选择", new { @class = "form-control" })
请注意,这只是一个简单的示例代码,您需要根据您的需求进行适当的修改和调整。
上一篇:编辑界面中的图像未显示。
下一篇:编辑记录时禁用TCA字段