2013-03-31 31 views
0

我的操作方法是這樣的:如何查看和編輯視圖之間切換

[ChildActionOnly] 
     public ActionResult NewUserLanguage() 
     { 
      ... 
      return View(model); 
     } 

這種觀點有它一個簡單的形式和局部視圖列表:

<ul id="userLanguagesListBox"> 
         @foreach (var l in Model.UserLanguages) 
         {        
          <li> 
           @{Html.RenderPartial("UserLanguageBox", l);} 
          </li>        
         } 
... 

這部分觀點看起來像這樣:

... 
@using (Html.BeginForm("EditUserLanguage", "UserLanguage", FormMethod.Post, new { id = "editUserLanagegeForm" })) 
    { 
     <ul> 

      <li><h3>@Model.Language.Name</h3></li> 
      <li>@Model.LanguageLevel.Name</li>  
      <li> 
       @Html.HiddenFor(x=>x.UserLanguageId) 
       <button class="editButton">Edit</button> 
      </li>   
     </ul> 
    } 

我想要做的是當用戶點擊編輯按鈕中的任何部分我想切換它w ith另一種觀點EditUserLanguage
我已經試過這樣的事情:

$(function() { 
      $('#editUserLanagegeForm').submit(function (e) { 
       alert('ss'); 
       $.ajax({ 
        url: this.action, 
        type: this.method, 
        data: $(this).serialize(), 
        success: function (result) { 
         $("#" + e.target).closest("div").append(result); 

        } 
       }); 

       return false; 
      }); 
     }); 

但是這個功能是不被任何編輯按鈕調用。

回答

2

「的提交事件通過點擊一個明確<input type="submit"><input type="image">,或<button type="submit">,或按發送到當用戶試圖提交表單的元件。它只能被安裝於元件。表單可以提交任一在某些表單元素具有焦點時輸入。「

- 從http://api.jquery.com/submit/

這對你意味着什麼,你需要你的按鈕有一個類型提交提交事件觸發的,但我不認爲這是你在想的一個。嘗試使用.click()代替。

+0

這個問題有點令人困惑,但我認爲這回答了它。 – iGanja