クリックしたアイテムに応じて異なるrouteValueを持つBeginForm（）

Question

IEnumerableを使用して、すべてGroupsをデータベースに登録しています。私は各グループの後にリストされているグループContactsを持っています。私は、 "Add Group Contact"ボタンがクリックされたときに表示されるモーダルを持っていて、ユーザーは追加する連絡先を選択できます。

問題は、グループの[Add Group Contact]ボタンをクリックしたときに変更する必要があるrouteValue属性を渡していることです。私はこれを行う方法がわかりません。ここで

は私のコードです：

@model IEnumerable<ContactManager.Models.Groups> 
... 
@foreach (var item in Model) 
{ 
    ... 
    <span style="font-size:120%"><b>Group Contacts</b></span> 
    <span><a id="addBtn" href="javascript:addContact(@item.Group.GroupId);">Add Group Contact</a></span> 
    ... 
} 

@using (Html.BeginForm("Delete", "Groups", routeValues: new { id = placeholder }, method: FormMethod.Post)) 
{ 
    @Html.AntiForgeryToken() 

    <div id="myModal" class="modal"> 
     ... 
    </div> 
} 


<script> 
    var modal = document.getElementById('myModal'); 
    function addContact(id){ 
     modal.style.display = "block"; 
    } 
</script> 

研究はあまりないもたらすが、私はforeachステートメント内のモーダルコードを置くと、もちろん動作しない直接routeValues: new { id = @item.Group.GroupId }をやって試してみましたが、私は何をしたいですする。

Answer 1

こんにちは、あなたは、フォームのIDを設定し、アクション属性を以下のようにjavascriptに設定できます。

@using (Html.BeginForm("Delete", "Groups", routeValues: new { id = placeholder }, method: FormMethod.Post , , new { @id = "frm1" })) 
{ 
    @Html.AntiForgeryToken() 

    <div id="myModal" class="modal"> 
     ... 
    </div> 
} 

Javascriptコード：

<script> 
    var modal = document.getElementById('myModal'); 
    function addContact(id){ 
     modal.style.display = "block"; 
    $('#frm1').attr('action', '../groups/delete?id=id') 

    } 
</script> 

おかげ

カルティク