MVC-使用ViewModel在部分视图中填充数据库中的两个下拉列表

debugcn 发表于 Dev

马达沃拉

这是我正在尝试执行的操作的视觉效果。

在此处输入图片说明

因此，基本上，这里发生的事情是，您从左侧的选择中选择一个名称，从右侧的选择中选择一个团队，然后单击“提交分配”，它会添加一条记录。（此信息仅供参考，因此您可以了解上下文。我不需要数据库插入或更新方面的帮助。）

这将是带有ViewModel的PartialView。

我需要知道如何用单独的列表填充这两个下拉列表。我假设这些将在ViewModel中出现。

因此，在我的主视图中，我使用RenderAction调用了PartialView。

                    //The action       //The controller
@{Html.RenderAction("TeamAssignment", "TeamAssignment");}

被调用的控制器

public class TeamAssignmentController : Controller
    {
        MyDatabaseEntities db = new MyDatabaseEntities();

        [ChildActionOnly]
        public ActionResult TeamAssignment()
        {
            //NEED A VIEW MODEL HERE TO PASS INTO THE PARTIALVIEW
            return PartialView();
        }
}

在ViewModel中，我需要填充两个下拉列表的列表。

名称左侧的linq查询将是这个。

var nameList = (from p in db.Participant
                where p.ParticipantType == "I"
                select new {
                    p.ParticipantID,
                    p.IndividualName
                }).ToList();

在Team右边的linq查询就是这个。

var teamList = (from p in db.Participant
                where p.ParticipantType == "T"
                select new {
                    p.ParticipantID,
                    p.TeamName
                }).ToList();

如何将这些信息传递到PartialView中，如何用显示值的ID和显示文本的名称填充下拉列表？

更新

我相信这可能是我需要的ViewModel。这样对吗？

public class TeamAssignmentViewModel
{
    //Need these ints for the updating and deleting
    public int IndividualParticipantID { get; set; }
    public int TeamParticipantID { get; set; }
    public List<Participant> NameList { get; set; }
    public List<Participant> TeamList { get; set; }
}

大卫·坦西（David Tansey）

您需要创建一个视图模型的实例，将其填充并将其传递给您的PartialView：

    [ChildActionOnly]
    public ActionResult TeamAssignment()
    {
        // Instantiate A VIEW MODEL HERE TO PASS INTO THE PARTIALVIEW
        MyCustomModel model = new MyCustomModel();
        model.nameList = (from p in db.Participant
            where p.ParticipantType == "I"
            select p).ToList();
        model.teamList = (from p in db.Participant
            where p.ParticipantType == "T"
            select p).ToList();

        return PartialView("TeamAssignment", model);
    }

编辑：在linq语句中删除了动态类的使用

下拉菜单的标记可能类似于：

@Html.DropDownListFor(model => model.IndividualParticipantID,
new SelectList(Model.NameList, "ParticipantID", "FirstName")

@Html.DropDownListFor(model => model.IndividualParticipantID,
new SelectList(Model.TeamList, "ParticipantID", "Team")

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。