MVC框架中如何进行List<SelectListItem>绑定

Posted 2023-03-18

public ActionResult Modify(int id)


//3.1.1 检查id
//3.1.2根据id查询数据
Models.Student stu = (from s in db.Students where s.Id == id select s).FirstOrDefault();
//方法一、查询班级数据，并 做成 下拉框 选项集合
//List<Models.Class> listClass = (from c in db.Classes where c.CIsDel == false select c).ToList();
//ViewBag.classList = listClass;
//方法二 查询班级数据，并转成 下拉框选项 集合
List<SelectListItem> listClass = db.Classes.Where(c=>c.CIsDel==false).ToList()//先查询数据 并 转成 实体List集合
.Select( c=> new SelectListItem() Text = c.CName, Value = c.CID.ToString(), Selected = (stu.CId == c.CID) ).ToList();//将实体集合 转成 SelectListItem集合
//将 下拉框选项 集合 设置给 ViewBag ，用以传递 到 视图
ViewBag.classList = listClass;
//SelectList
//3.1.加载视图，并传递 要修改的数据
return View(stu);


2

<table>
<tr>

<td>姓名：</td>

<td><input type="text" name="Name" value="@Model.Name" /></td>

</tr>

<tr>
<td>班级：</td>
<td>
@* 这是方法一*@

@*<select name="CID">

@foreach (Class s in @ViewBag.classList as List<Class>)



if(s.CID == Model.CId)

<option selected value="@s.CID">@s.CName</option>

else
<option value="@s.CID">@s.CName</option>



</select>*@

@* 这是方法二*@

@html.DropDownList("CId", ViewBag.classList as IEnumerable<SelectListItem>)
</td>
</tr>

</table>

3

@* @Html.DropDownList("BelongCollege", ViewBag.BelongCollege as IEnumerable<SelectListItem>)*@

@Html.DropDownListFor(model=>model.BelongCollege, ViewBag.BelongCollegeEnum as IEnumerable<SelectListItem>)

@* <select name="BelongCollege" id="BelongCollege" class="valid">

@foreach (var s in (@ViewBag.BelongCollege as IEnumerable<SelectListItem>))


if (int.Parse(s.Value) == Model.BelongCollege)



<option selected value="@s.Value">@s.Text</option>



else



<option value="@s.Value">@s.Text</option>




</select>*@ 参考技术A

public ActionResult Modify(int id)

1. 检查id

2.根据id查询数据

Models.Student stu = (from s in db.Students where s.Id == id select s).FirstOrDefault();

方法一:查询班级数据，并 做成 下拉框 选项集合

List<Models.Class> listClass = (from c in db.Classes where c.CIsDel == false select c).ToList();

ViewBag.classList = listClass;

方法二 :查询班级数据，并转成 下拉框选项 集合

List<SelectListItem> listClass = db.Classes.Where(c=>c.CIsDel==false).ToList()//先查询数据 并 转成 实体List集合

.Select( c=> new SelectListItem() Text = c.CName, Value = c.CID.ToString(), Selected = (stu.CId == c.CID) ).ToList();//将实体集合 转成 SelectListItem集合

将 下拉框选项 集合 设置给 ViewBag ，用以传递 到 视图

ViewBag.classList = listClass;

SelectList

3.加载视图，并传递 要修改的数据

return View(stu);

2

<table>

<tr>

<td>姓名：</td>

<td><input type="text" name="Name" value="@Model.Name" /></td>

</tr>

<tr>

<td>班级：</td>

<td>

ASP.NET MVC 5 如何在同一视图中编辑 Parent 和 List<> 类型 Child

【中文标题】ASP.NET MVC 5 如何在同一视图中编辑 Parent 和 List<> 类型 Child

【英文标题】：ASP.NET MVC 5 How to edit Parent and List<> type Child in same view

【发布时间】：2021-04-20 16:20:20

【问题描述】：

我需要在同一个视图中编辑一个 List 类型的类及其子类，但我不知道如何让子类在同一个视图中编辑。

假设我有这些课程：

public class Parent

    public int PValue1  get; set; 
    public int PValue2  get; set; 
    public int PValue3  get; set; 

    public virtual List<ChildItem> Childs  get; set; 


public class ChildItem

    public int CValue1  get; set; 
    public int CValue2  get; set; 

观点：

@model MyNamespace.Parent

@using (Html.BeginForm("SaveParent", "Index"))

    <label>Parent Value 1</label>
    @Html.TextBoxFor(m=> m.PValue1, "", new  @class = "form-control" )

    <label>Parent Value 2</label>
    @Html.TextBoxFor(m=> m.PValue2, "", new  @class = "form-control" )

    <label>Parent Value 3</label>
    @Html.TextBoxFor(m=> m.PValue3, "", new  @class = "form-control" )

    @*  WHAT TODO? *@

    <table>
        <thead>
            <tr>
            <th>Child Value 1</th>
            <th>Child Value 2</th>
            </tr>
        </thead>
        <tbody>
        @foreach(ChildItem item in Model.Childs)
            <tr>
            <td>@item.CValue1</td>
            <td>@item.CValue2</td>
            </tr>
        
        </tbody>
    </table>

    <button type="submit" class="btn btn-primary">Save</button>

我需要在“WHAT TODO”区域为Childs 孩子创建一个插入代码。 我尝试将 PartialView 与以下内容一起使用：

@Html.Partial("_MyPartialView", Model.Childs)

然后在 PartialView 中创建另一个表单以使用 Insert(ChildItem child) 控制器，但我也无法实现这一点。我不知道如何将第二个表单添加到模型中，因为它是一个列表。

现在可能很明显，但我是 ASP.NET MVC 的新手，并且习惯于旧的 WebForms，所以仍然了解一些东西。

我的目标是完成这样的工作视图：

【参考方案1】：

好的，所以通过进一步研究，我发现我不需要嵌套表单或部分视图，而是需要多个提交按钮和多个表单操作。 我得到了我需要的东西，显然它真的很基础，所以我想我可以发布我自己的解决方案来解决我自己的问题，也许可以帮助其他有同样问题的人。 所以，从我替换的视图开始：

    @*  WHAT TODO? *@

有了这个：

    <label>Child Value 1</label>
    <input type="number" name="CValue1" />
    <label>Child Value 2</label>
    <input type="number" name="CValue1" />
    <!--This is the real trick! -->
    <input type="submit" formaction="AddChild" formmethod="post" />  

formaction="AddChild" 触发控制器中的 AddChild() 操作，提交父模型以及 CValue1 和 CValue2 输入。 但是模型的Childs 属性始终是null，所以在执行AddChild 操作后，我只得到了最后添加的ChildItem。 为了解决这个问题，我必须让我的控制器在我的Parent 中识别List<ChildItem>，在帖子中单独发送它。 所以，我不得不从这里更改列表视图：

@foreach(ChildItem item in Model.Childs)
   <tr>
     <td>@item.CValue1</td>
     <td>@item.CValue2</td>
   </tr>

到这里：

 @for(int x = 0; x < Model.Childs.Count; x++) 
  <tr>
     <td>@Html.DisplayFor(m => m.Childs[x].CValue1)</td>
     <td>@Html.DisplayFor(m => m.Childs[x].CValue2)</td>
     <td> <button type="submit" formaction="DeleteChild" name="ChildID" value="@Model.Childs[x].ID" formmethod="post">X</button>
      @Html.HiddenFor(m => m.Childs[x].ID)
      @Html.HiddenFor(m => m.Childs[x].CValue1)
      @Html.HiddenFor(m => m.Childs[x].CValue2)
     </td>
  </tr>               
  

隐藏字段存储控制器绑定的所有信息。 由于每一行都有索引x，所以在提交表单时，控制器可以正确地将所有子元素绑定到Child属性。

添加 Child 的控制器：

public ActionResult AddChild(Parent parent, int CValue1, int CValue2)
  if (parent.Childs == null)
    parent.Childs = new List<ChildItem>();
  parent.Childs.Add(new ChildItem()
    ID = parent.Childs.Count,  //This will be removed/improved later
    CValue1 = CValue1,
    CValue2 = CValue2
  );
  return View("Index", parent);

我还实现了DeleteChild 操作：

public ActionResult DeleteChild(Parent parent, int ChildID)
   if (parent != null)
      parent.Childs.Remove(parent.Childs.FirstOrDefault(c => c.ID == ChildID));
      return View("Index", parent);

它仍然缺少所有数据库代码，但这是下一步！