通過telerik網格排序丟失Click事件

Question

我有一個啓用排序的telerik擴展網格。每行都有一個「批准」鏈接，點擊時顯示模式彈出窗口。我創建使用模板此鏈接，

columns.Bound(o => o.UserSeq).Template(
     @<text> 
      @Html.ActionLink("Approve", "ApproveUser", "Home", new { userSeq = @item.UserSeq }, new { @class = "modal-link" })  
     </text> 
.ClientTemplate(
    <a href=" + Url.Action("ApproveUser", "Home", new { userSeq = "<#= UserSeq #>" }, null) + " class='modal-link'> Approve </a>"        
).Title("Action").Width(100); 

我的問題是鏈接「批准」的網格排序後點擊時的模式彈出出現一個單獨的頁面。這在排序網格之前工作正常。

經過研究，我發現可能需要重新綁定單擊事件以顯示排序後的模態。但是，我不知道該怎麼做。

我試圖重新將單擊事件重新綁定到「批准」鏈接，單擊網格的每個列標題後進行排序。到目前爲止，我可以跟蹤何時點擊排序列。但是，我的問題是我無法觸發任何事件後點擊該鏈接「批准」後排序。

$('.modal-link').bind('click', function() { 
       alert('outBound'); 
      }); 

      $(".t-header .t-link").on('click', function() { 
       alert('test'); 
       $('.modal-link').bind('click', function() { 
        alert('Bound'); 
       }); 

請幫忙！

Answer 1

我找到了解決我的問題的解決方法。點擊鏈接後，我需要爲該鏈接添加html屬性。因此，我不是試圖在rebind的點擊事件上做到這一點，而是將這些html屬性添加到客戶端模板中的鏈接，同時在視圖中定義了telerik網格。

.ClientTemplate(
    <a href=" + Url.Action("ApproveUser", "Home", new { userSeq = "<#= UserSeq #>" }, null) + " **data-target='#modal-container' data-toggle='modal'** class='modal-link'> Approve </a>" 
).Title("Action").Width(100);