具有“双”视图模型时使用HTML ActionLink路由参数

时间:2016-05-07 12:18:47

标签: c# asp.net-mvc razor asp.net-mvc-5 html.actionlink

在我的ASP.NET MVC 5应用程序中,我有以下项目索引视图(从数据库的Projects表中检索)。

@using Leepio.Models
@using Microsoft.AspNet.Identity
@model ApplicationTwoViewModel

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create" ,"Projects")
</p>
<table class="table">
    <tr>
        <th>
            @Html.ActionLink("Title", "Index",  new {SortOrder = (ViewBag.SortOrder==null?"Asc":(ViewBag.SortOrder=="Asc"?"Desc":"Asc")), SortBy = "Title"})

        </th>
        <th>
            @Html.ActionLink("Application Deadline", "Index", new {SortOrder = (ViewBag.SortOrder == null ? "Asc" : (ViewBag.SortOrder == "Asc" ? "Desc" : "Asc")), SortBy = "ApplicationDeadline"}) <br/>
            @Html.ActionLink("Hourly Rate (DKK)", "Index", new { SortOrder = (ViewBag.SortOrder == null ? "Asc" : (ViewBag.SortOrder == "Asc" ? "Desc" : "Asc")), SortBy = "HourlyRate" })
        </th>
       <th>
            @Html.ActionLink("Skill requirements", "Index", new { SortOrder = (ViewBag.SortOrder == null ? "Asc" : (ViewBag.SortOrder == "Asc" ? "Desc" : "Asc")), SortBy = "RequiredSkills" })
        </th>


    </tr>

@foreach (var item in Model.Model1) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Title)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ApplicationDeadline)<br/>
            @Html.DisplayFor(modelItem => item.HourlyRate)
        </td>
       <td>
            @Html.DisplayFor(modelItem => item.RequiredSkills)
        </td>


        <td>

            @if(item.UserId == User.Identity.GetUserId()) 

            {
                @Html.ActionLink("Edit", "Edit",  new {id = item.ProjectId})

                @Html.ActionLink("Delete", "Delete", new {id = item.ProjectId}) 
            }

            @Html.ActionLink("Details", "Details", new {id = item.ProjectId}) |

            @Html.ActionLink("Apply", "Create", "Applications" , new { id = Model.Model2.ApplicationId }) |
        </td>
    </tr>
}

</table>
@{
    double TotalPage = @ViewBag.TotalPages;
}

<ul class="pagination">
    @for (int i = 1; i <= TotalPage; i++)
    {

        if (i == ViewBag.Page)
        {
            <li class="active"> @Html.ActionLink(i.ToString() + " ", "Index", "Projects", new { SortOrder = (ViewBag.SortOrder == null ? "Asc" : ViewBag.SortOrder), SortBy = (ViewBag.SortBy == null ? "Title" : ViewBag.SortBy), Page = i })</li>
        }
        else
        {
            <li>
                @Html.ActionLink(i.ToString() + " ", "Index", "Projects", new { SortOrder = (ViewBag.SortOrder == null ? "Asc" : ViewBag.SortOrder), SortBy = (ViewBag.SortBy == null ? "Title" : ViewBag.SortBy), Page = i })
            </li>
        }

    }
</ul>

我正在使用我创建的ApplicationTwoViewModel,它基本上有两个视图模型:

public class ApplicationTwoViewModel
{
    public IEnumerable<Project> Model1 { get; set; }
    public Application Model2 { get; set; }
}

我正在尝试制作此ActionLink

 @Html.ActionLink("Apply", "Create", "Applications" , new { id = Model.Model2.ApplicationId }) |

从ApplicationsController中的Create ActionRestult创建一个新的“Application”:

public ActionResult Create()
{
    return View();
}

// POST: Applications/Create
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ApplicationId,ProjectId,UserId,CoverLetter")] Application application)
{
    if (ModelState.IsValid)
    {
        db.Applications.Add(application);
        db.SaveChanges();
        return RedirectToAction("Index");
    }

    return View(application);

应用程序模型:

public class Application
{
    public int ApplicationId { get; set; }
    public int ProjectId { get; set; }
    public string UserId { get; set; }
    public string CoverLetter { get; set; }
}

所以现在我正在尝试使用“应用”ActionLink,以便Create视图从Projects Index视图接收ProjectId,就像编辑/删除/详细信息接收ProjectId一样,我不知道如何执行此操作。

现在它可以工作,但你必须手动插入ProjectId和UserId(登录的那个,应该是User.Identity.GetUserId(),但我不知道在这个上下文中添加它的位置),我想要它们将在幕后检索,因此用户只需编写CoverLetter,然后创建应用程序。

1 个答案:

答案 0 :(得分:2)

您需要在Create()方法中添加一个参数,并使用该值初始化您的模型并将其传递给视图

public ActionResult Create(int projectId)
{
    Application model = new Application()
    {
        ProjectId = projectId 
    };
    return View(model);
}

并修改链接以传递值(当前将其作为html属性添加,而不是路由值(注意第5个参数)

@Html.ActionLink("Apply", "Create", "Applications" , new { projectId = item.ProjectId }, null)

然后在视图中,为ProjectId添加隐藏输入,以便将其提交到POST值

@Html.HiddenFor(m => m.ProjectId)

请注意,在保存UserID(不在模型中或视图中)之前,应在POST方法中添加Application

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ProjectId, CoverLetter")] Application application)
{
    if (ModelState.IsValid)
    {
        applicatio.UserId = User.Identity.GetUserId(); // set the user here
        db.Applications.Add(application);
        db.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(application);
}

旁注:您的ApplicationTwoViewModel模型的用途并不十分清楚。您在视图中使用的所有内容都是IEnumerable<Project>,因此您的Model2属性似乎是不必要的