2012-03-06 186 views
0

我通過模型文章創建視圖。如何在不重新加載頁面的情況下添加元素

class Article 
{ 
    public string Title {get;set;} 
    public List<string> Terms {get;set} 
} 

條款 - 可以是任意數,我希望他們可以逐步添加

@using (Html.BeginForm("Create")) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>CreateArticle</legend> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.Title) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Title) 
      @Html.ValidationMessageFor(model => model.Title) 
     </div> 
     <div class="editor-label"> 
      Terms: 
     </div> 
     <div id="divList"> 
     </div> 
@using (Ajax.BeginForm("Update", new AjaxOptions() { Confirm = "Add", HttpMethod = "Post", UpdateTargetId = "divList", InsertionMode = InsertionMode.InsertAfter })) 
      { 
       @Html.Partial("_TermPP", "") 
       <input id="count" name="count" type="hidden" value="-1" /> 
       <input type="submit" value="add" onclick="javascript:plus()" /> 
      } 

</fieldset> 
} 

_TermPP:

@model String 

<div> 
<input type="text" name="terms[@(ViewBag.Count==null?0:ViewBag.Count)]" value="@(Model == null ? "" : Model)" /> </div> 

WH點擊被髮送到ADD的形式,但我需要在更新上創建。這是怎麼回事?

+0

「將ASP.NET AJAX腳本添加到MVC項目」http://msdn.microsoft.com/en-us/library/dd381533.aspx – 2012-03-06 20:31:50

+0

它添加了,但轉換髮生在上部FORM – Mediator 2012-03-07 06:54:30

回答

1

您可以查看following blog post。還請注意,您不能像在代碼中嵌套2個<form>元素 - 這是無效的HTML,並可能導致未定義的行爲。

相關問題