如何使用在靴子中編輯Modal asp.net mvc

我正在使用asp.net mvc我想更新數據庫中的數據使用靴子模態和部分視圖。的broblem是，當我點擊鏈接以顯示它不工作的模型（它顯示一個空模態）如何使用在靴子中編輯Modal asp.net mvc

這是我的代碼：

 //the Controller Action 
     public ActionResult Edit(int id = 0) 
     { 
      Tache tache = db.Taches.Find(id); 


      if (tache == null) 
      { 
       return HttpNotFound(); 
      } 
      return PartialView("PartialEdit", tache); 
     } 



    // the index View that contain the link and the modal definition : 

     <td> 
     <a data-modal='' href='"/Tache/edit/"[email protected]' data-id="@item.TacheId" id="@item.TacheId " title=" edit">Edit </a> | 
      @Html.ActionLink("Delete", "Delete", new { id = item.TacheId }) 
      </td> 

<div id='myModal' class='modal fade'> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <div id='myModalContent'></div> 
     </div> 
    </div> 
</div>

//這就是局部視圖

   <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="modal-title">Nouvelle Tâche</h4> 
       </div> 

    @using (Html.BeginForm("Create", "Tache", FormMethod.Post, new { @id = "formId" })) 
    { 
     @Html.AntiForgeryToken() 
     @Html.ValidationSummary(true) 





    @Html.HiddenFor(model => model.TacheId) 
       <div class="modal-body"> 




     //Some forms in inputs 
        <div class="row">

// Finaly我的javascript：

  $(function() { 
    $.ajaxSetup({ cache: false }); 
    $("a[data-modal]").on("click", function (e) { 
     $('#myModalContent').load(this.href, function() { 
      $('#myModal').modal({ 
       keyboard: true 
      }, 'show'); 
      bindForm(this); 
     }); 
     return false; 
    }); 
    }); 

     function bindForm(dialog) { 
    $('form', dialog).submit(function() { 
     $('#progress').show(); 
     $.ajax({ 
      url: this.action, 
      type: this.method, 
      data: $(this).serialize(), 
      success: function (result) { 
       if (result.success) { 
        $('#myModal').modal('hide'); 
        $('#progress').hide(); 
        location.reload(); 
       } else { 
        $('#progress').hide(); 
        $('#myModalContent').html(result); 
        bindForm(); 
       } 
      } 
     }); 
     return false; 
    }); 
    }

我認爲這個問題可能CA我從鏈接，這是somthing失蹤他們！但我不知道如果有人能幫助我，將是巨大的認爲你

來源

2016-03-18 aboamin12

我finaly找到解決問題的..the如我說的是在鏈接，所以我改變了HREF 「......」by href =「@ Url.Action（」Edit「，」Tache「，new {id = item.TacheId}）」......希望這將有助於某人某一天 – aboamin12

請將您的解決方案添加爲回答所以它可以被標記爲接受，以幫助未來的遊客！ – kayess

是的，我會認爲我必須等待7小時才能添加它......現在就試試 – aboamin12

正如我在我的評論說現在的代碼工作完美。

在我的索引視圖我已經取代了這一點：

<a data-modal='' href='"/Tache/edit/"[email protected]' data-id="@item.TacheId" id="@item.TacheId " title=" edit">Edit </a>

要這樣：

<a data-modal='' href="@Url.Action("Edit", "Tache", new { id = item.TacheId })" data-id="@item.TacheId" id="@item.TacheId " title=" edit">Modifier </a>

來源

2016-03-18 16:21:39 aboamin12

如何使用在靴子中編輯Modal asp.net mvc

回答

相關問題