在Html.Beginform中嵌套Ajax.Beginform

Question

我已經在里面開始形成和手風琴。

它看起來像這樣：

可能有超過1個教育，工作經驗等。

我的觀點如下：

    @using (Html.BeginForm("Index", "CV", FormMethod.Post))
    {
        <div class="main">
            <div class="accordion">
                <div class="accordion-section private-information">
                    <a class="accordion-section-title main-color" href="#accordion-1">Private Information</a>
                    <div class="arrow-down"></div>
                    <div id="accordion-1" class="accordion-section-content">
                        <div class="private-information-divs">
                            <div class="pcontent-left main-color">name, surname</div>
                            @Html.TextBoxFor(m => m.privateInformation.Name, new { @class = "pcontent-right main-color" })
                        </div>
.................
                    </div><!--end .accordion-section-content-->
                </div><!--end .accordion-section-->


                <div class="accordion-section">
                    <a class="accordion-section-title main-color" href="#accordion-2">Education</a>
                    <div class="arrow-down"></div>
                    <div id="accordion-2" class="accordion-section-content">

                        @using (Ajax.BeginForm("EducationTable", new AjaxOptions()
                        {
                            InsertionMode = InsertionMode.Replace,
                            UpdateTargetId = "tblEducation"
                        }))
                        {
                            <div class="private-information-divs">
                                <div class="pcontent-left main-color">University</div>
                                @Html.TextBoxFor(m => m.newEducation.UniversityName, new { @class = "pcontent-right main-color" })
                                @Html.ValidationMessageFor(m => m.newEducation.UniversityName)
                            </div>
                            .................

                            <div class="add-education">
                                <button type="submit" class="add-education-button">add</button>
                            </div>
                        }

                        <div id="tblEducation">
                            @Html.Partial("EducationTable")
                        </div>
                    </div><!--end .accordion-section-content-->
                </div><!--end .accordion-section-->



            <input type="submit" class="continue" value="Continue" />
        </div>
    }

我的問題是嵌套表格 。 正如我在google中發現的那樣，我無法嵌套表單（ Html.Beginform中的 Ajax.Beginform ）。 但是我需要這樣做，因為我正在構建我的模型。 我的控制器是：

    [HttpPost]
    public ActionResult EducationTable(CV cv)
    {

        CV _cv = new CV();

        if (Session["makeCV"] != null)
            _cv = Session["makeCV"] as CV;
        _cv.education = _cv.education ?? new List<Education>();
        _cv.education.Add(new Education()
        {
            Id = Guid.NewGuid(),
            UniversityName = cv.newEducation.UniversityName,
            Faculty = cv.newEducation.Faculty,
            Specialization = cv.newEducation.Specialization,
            StartDate = cv.newEducation.StartDate,
            EndDate = cv.newEducation.EndDate,
            OnGoing = cv.newEducation.OnGoing
        });
        Session["makeCV"] = _cv;

        return PartialView("EducationTable", _cv);
    }

在索引動作中，我正在收集整個模型

    [HttpPost]
    public ActionResult Index(CV model)
    {
        CV _cv = new CV();

        if (Session["makeCV"] != null)
            _cv = Session["makeCV"] as CV;
        .....
        return View();
    }

但當我點擊提交教育表單內的按鈕（即Ajax.Beginform）時，它會提交整個表單（Html.Beginform）並進入索引操作。 我該如何解決這個問題？ 我需要瀏覽這些部分視圖，然后提交整個表單

Answer 1

@using(Ajax.BeginForm("Search",new AjaxOptions
{
  HttpMethod = "Post",    
  OnSuccess = "Loaded"    
}))
{
   <input type="text" name="q" />
   <button type="submit" value="Search">Search</button>
}

<script type="text/javascript">
   function Loaded(result) {
      alert('result ' + result.Name);
   }
</script>

//控制器

[HttpPost]
public ActionResult Search(string q)
{

}