如何从ASP.NET MVC3中的局部视图发布数据?

时间:2013-01-23 13:26:40

标签: c# asp.net-mvc asp.net-mvc-3 razor partial-views

我有一个使用viewmodel的视图。 在此视图中,我在@using (Html.BeginForm())块代码中使用了部分视图,如下所示

 @foreach (var party in Model.Participants)
                {
                    Html.RenderPartial("BlankEditorRow", party);
                }

部分视图有一些文本框字段,用户可以在这些字段中输入数据。 现在提交按钮不会放在局部视图中,而是放在主视图中。

在我看来,当我点击提交按钮时,我在viewmodel中获得空值

[HttpPost]
    public ActionResult ActionName(ViewModel model)
    {

    }

我不确定如何从部分视图中获取帖子数据。谁能帮助我了解如何从局部视图发布数据?例子将是一个很大的帮助

编辑:下面给出的部分视图:

@model ASPNETMVCApplication.Models.Administration.Account.PartyModel

@using HtmlHelpers.BeginCollectionItem

<tr class="editorRow">        
    @using (Html.BeginCollectionItem("party"))
    {

        <td>@Html.TextBoxFor(m => m.FirstName, new { @style = "width: 100px;" })
        </td>
        <td>@Html.TextBoxFor(m => m.LastName, new { @style = "width: 100px;" })
        </td>
        <td>
            @Html.DropDownListFor(model => model.PartyPersonalDetail.Gender, new SelectList(Model.Gender, "Id", "Name"), new { @style = "width: 100px;" })
        </td>
        <td>@Html.TextBoxFor(m => m.PartyPersonalDetail.MobilePhone, new { @style = "width: 100px;" })
        </td>
        <td>
            @Html.DropDownListFor(model => model.PartyPersonalDetail.GothraId, new SelectList(Model.Gothras, "Id", "GothraName"), "--Don't Know--", new { @style = "width: 122px;" })
        </td>
        <td>
            @Html.DropDownListFor(model => model.PartyPersonalDetail.NakshtraId, new SelectList(Model.Nakshtras, "Id", "NakshtraName"), "--Don't Know--", new { @style = "width: 122px;" })
        </td>
        <td>@Html.TextBoxFor(m => m.PartyPersonalDetail.EMail1, new { @style = "width: 135px;" })
        </td>
        <td>
            <a href="#" class="deleteRow">Delete</a>
        </td>

    }
</tr>

2 个答案:

答案 0 :(得分:0)

要在MVC中发布集合,必须编入索引,因此您需要foreach循环而不是for

试试这个:

@for(int i = 0; i < Model.Participants.Count; i++)
{
    Html.RenderPartial("BlankEditorRow", Model.Participants[i]);
}

答案 1 :(得分:0)

使用编辑器模板

让我们假设您的Viewmodel就像这样

public EventViewModel
{
  public int ID { set;get;}
  public string EventName { set;get;}
  public List<Participant> Participants {set;get;}
  public EventViewModel()
  {
    Participants=new List<Participant>();
  }
}

public class Participant
{
  public string FirstName { set;get;}
  public string LastName { set;get;}
}

在〜/ Views / yourControllerNameFolder /下创建一个名为“ EditorTemplates ”的文件夹,并创建一个名为Participant.cshtml的视图(编辑器模板)。< / p>

现在添加编辑器模板的代码

@model Participant
<p>
  @Html.TextBoxFor(x=>x.FirstName)
</p>
<p>
  @Html.TextBoxFor(x=>x.LastName)
</p>

现在在主视图中,使用Html.EditorFor HTML帮助程序方法调用此编辑器模板。

@model EventViewModel

@using (Html.BeginForm())
{
    <p>Event Name</p>
    @Html.TextBoxFor(x => x.EventName) 
    @Html.EditorFor(x=>x.Participants)
    <input type="submit" value="Save" />
}

现在,当您发布表单时,您将在视图模型的Participants集合中获取Participant信息。