将操作链接值从部分视图传递到另一个视图

本文关键字：视图 另一个 操作 链接 | 更新日期: 2023-09-27 18:15:13

我有一个section

<div id="AssNameSection" style="display: none;">
      <div id="AssNameSectionLoad"></div>
</div>

，当一个复选框被选中时，有一些jquery会在该部分显示并打开一个部分视图

...
$("#AssNameSectionLoad").load(newurl);

这一切都工作。在已加载的子节中是一些带有操作链接的行数据，并以行ID作为ID。

我正试图将行click的ID传递给主视图进行编辑。

我弄清楚如何使用.click来捕获另一个表单/视图/部分中的操作链接。

这是可能的，谁能告诉我正确的方向?

编辑更多信息

在assnamesectionloaddiv中呈现的部分视图中的操作链接代码

 <td class="ActionLinks">                             
                        @Html.ActionLink("Link Text", "ActionName",
                         new { controller = "MyController", id = item.id },
                         new { @class = "my-class" })
                    </td>
                </tr>
            }
        </table>

html部分
    <div id="AssNameSection" style="">
                            <div id="AssNameSectionLoad">
<input name="__RequestVerificationToken" type="hidden" value="Zt9MlOm1zFuV_oAihoql_9aT-ch2fVkRs2oHodR1wCZkpMuhwLQHMS8_RTSRRcSCYBFlNa7psrVLu1-xhxAmc-jzhppX0UfbZ3gvzn62TQaJxtzpu4T_j3NtRXy2e6yH0">    <div>

        <div>
            <table class="table">
                <tbody><tr>
                    <th>
                        Relationship
                    </th>
                    <th>
                        Associated Name 
                    </th>
                    <th>
                        Options
                    </th>                    
                </tr>
<input id="txtAssNameLineid" name="item.id" type="hidden" value="12157PAR121600">                    <tr>
                        <td>
                            yyy
                        </td>
                        <td>
                            xxx
                        </td>
                        <td class="ActionLinks">                             
                            <a class="my-class" href="/MyController/ActionName/12157PAR121600">Link Text</a>
                        </td>
                    </tr>
            </tbody></table>
        </div>
    </div>

</div>
                        </div>
jquery 

<script>
    $("a.my-class", "#AssNameSectionLoad").click(function (e) {
        e.preventDefault();
        console.log("a my-class has been clicked");
    });
</script>

将操作链接值从部分视图传递到另一个视图

只要你有一个jquery选择器的入口点，你就可以使用.click函数。假设在$("#AssNameSectionLoad")元素中有一个$('.clickable')(可以在局部视图或其他地方生成)。然后你可以使用$('.clickable', '#AssNameSectionLoad').click(function(){...})来处理行为。

基本的概念是，你的jquery将查看最终的html，而不是视图中你放置它的html。

编辑:

要选择输入元素的id，可以使用以下jquery:

$("a.my-class", "#AssNameSectionLoad").click(function (e) {
    e.preventDefault();
    var id = $(this).parents('tr').prev('input').attr('id');
    alert("a my-class has been clicked id="+id);
});

相关文章：