0

Viewからリンクをクリックした時に、idの中身をContorollerで比較して先頭の文字によって処理をかえたいのですが、Viewからどのようにidを取得するのかが出来なかったので教えてください。
下記でいうとid="a_listItem.Id"のa_listItem.IdをContolloerで取得したいです。
お願いします。

view.cshtml

@using (Ajax.BeginForm("IndexAjaxModal", "InformationList", new AjaxOptions() { HttpMethod = "POST", UpdateTargetId = "resultAjaxModal" }, new { name = "formAjaxModal" })){<input type="submit" hidden="hidden" name="submitAjaxModal" />@Html.TextBoxFor(e => e.SelectedInformation.Id, new { id = "idAjaxModal", type = "hidden" })


 @foreach (var item in Model.ZentaiList.Select((Value, Index) => new { Value, Index }))
    {
        var listItem = item.Value;
        <tr>
            <th>@item.Index</th>
            <th>@listItem.TourokuNichizi</th>
            <th><a href="javascript:void(0)" class="modal-open" data-target="con" id="[email protected]">ListItem.Title</a>
        </tr>

    }

}

   

    @section scripts{
<script type="text/javascript">
$(function () {
        //クリック
        $('.modal-open').click(function () {
            //
            var id = $(this).attr('id');
            ajax_modal(id);


            var modal_id = $(this).attr('data-target');
            $('.tr_hide').css({ display: 'none' });


            modal_open(modal_id);
        });
    });

    

Controller.cs

 public ActionResult IndexAjaxModal(InformationListIndexModel model )
    {
     if(○○..StartsWith())
       {
        }
    }
2
  • <a href="#">となっているためJavaScriptの処理しか行われないと思いますが、どのようにIndexAjaxModalアクションが呼び出されているのでしょうか。
    – pgrho
    Commented 2017年5月17日 5:14
  • すみません。取得したいのは、targetではなくてidでした。 javascriptでリンクをクリックしたときに、モーダルを開くようにしています。モーダルを開く毎にデータをdbから取得しています。
    – saeko
    Commented 2017年5月17日 5:50

1 件の回答 1

0
@Html.TextBoxFor(e => e.SelectedInformation.Id, new { id = "idAjaxModal", type = "hidden" })

この値を設定したいということでしょうか?

通常はヘルパーメソッドで生成される要素のidHtml.IdForで求められますので、ビューのレンダリング時に<script>タグの中でヘルパーメソッドを使用しておけばJavaScriptから使用可能になります。たとえばjQueryであれば

$('#@Html.IdFor(e => e.SelectedInformation.Id)').val(id);

のように記述すれば

$('#SelectedInformation_Id').val(id);

が出力され、クリックイベントの発生時にidが反映されます。ただ質問のコードではidを変更されているので単純に

$('#idAjaxModal').val(id);

とすればよいです。

なお<input type="hidden" />を出力したい場合はTextBoxForではなくHiddenForを使用してください。

1
  • pgrhoさん、ありがとうございます。
    – saeko
    Commented 2017年5月18日 0:47

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。