从actionlink获取属性jquery

Question

如何从actionlink获取属性到jquery？

@Html.ActionLink("Edit contact", "Edit", "Contact", new { Area = "Customers", contactId = -1 }, new { @id="EditContact", @class = "btn btn-info" }) 

我希望在按下联系人时动态更新contactId。

$(document).on('click', '#contacts .list-group-item', function(e) { 
     var id = (this.id); 
     var elem = $('#EditContact'); 
     var newUrl = elem.prop('href').replace('-1', id); 
     elem.prop('href', newUrl); 
    }); 

此代码的工作原理，但只是一次，因为-1的变化。所以我需要收集contactId并将其保存为一个变量。

$(document).on('click', '#contacts .list-group-item', function(e) { 
       var id = (this.id); 
       var elem = $('#EditContact'); 
       var oldId = elem.attr('contactId'); 
       var newUrl = elem.prop('href').replace('oldId', id); 
       elem.prop('href', newUrl); 
    }); 

我试过这个，但是oldId是未定义的。我如何收集contactId？

Answer 1

你可以做的是，不是保留-1作为路由值，而是生成没有路由值的链路。所以它将只是基础url（没有contactId的查询字符串）。点击链接后，您可以使用此基础网址并追加该ID并生成新网址并导航至该网址。

@Html.ActionLink("Edit contact", "Edit", "Contact", new { Area = "Customers" }, 
             new { @id="EditContact", @class = "btn btn-info" }) 

而在点击事件中，请确保阻止默认的点击事件行为。

$(function() { 

    $(document).on('click', '.list-group-item', function (e) { 
     e.preventDefault(); 
     var id = (this.id); 
     var newUrl = $('#EditContact').attr("href") + '?contactId=' + id; 
     window.location.href = newUrl; 
    });  

}); 

另一个更好的解决方案是，当你建立与类环“列表组项目”的项目，你可以添加URL中的数据属性。

例如

@foreach(var item in SomeCollection) 
{ 
    <div class="list-group-item" data-url="@Url.Action("Edit", "Contact", 
              new { Area = "Customers" ,contactId=item .Id})"> 
     Some Name of the Item in the loop 
    </div> 
} 

，现在，这个被点击时，读取URL数据属性，并使用该导航。

$(function() { 

    $(document).on('click', '.list-group-item', function (e) { 
     e.preventDefault();   
     window.location.href = $(this).data("url"); 
    });  

});