Telerik 网格排序后单击事件丢失答案

【问题标题】：Click event lost after telerik grid sortingTelerik 网格排序后单击事件丢失
【发布时间】：2015-06-19 16:06:02
【问题描述】：

我有一个启用了排序的 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');
                 });

请帮忙！

【问题讨论】：

搜索事件委托。

标签： jquery telerik-mvc

【解决方案1】：

我找到了解决问题的方法。单击链接时，我需要向该链接添加 html 属性。因此，我没有尝试在重新绑定单击事件时执行此操作，而是在视图中定义 Telerik 网格时将这些 html 属性添加到客户端模板中的链接。

  .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);

【讨论】：