2015-02-24 111 views
-1

我在我的AJAX成功函数的代码:保持jQuery代码活跃

$('#grid tr').click(function() { 

        $(this).addClass('select'); 
        $('#grid tr').not(this).removeClass('select'); 

        var ID = $('.select td').first().text(); 
        $("#edit").attr("href", "/Alumnoes/Edit/" + ID); 

它所做的是1)高亮最后点击一行。 2)为选定的id生成编辑href。

我正在使用表格的webgrid,当我点击标题来排序无论哪一列我失去上述功能。如何重新组织/重新定位此代码,使其无论排序更新如何都能够响应?

谢谢。

回答

0

现在,我已经走了下面的解决方案,不是我的第一个选择,但工程。

<script type="text/javascript">  
function clicker() { 
    $('#grid tr').click(function() { 

     $(this).addClass('select'); 
     $('#grid tr').not(this).removeClass('select'); 

     var ID = $('.select td').first().text(); 
     $("#edit").attr("href", "/Alumnoes/Edit/" + ID); 
    }); 
} 
setInterval(function() { clicker() }, 250); 
</script> 

编辑:

我已经解决了这个问题,以下内容:

var grid = new WebGrid(Model, canPage: true, canSort: true, rowsPerPage: 5, ajaxUpdateCallback: "clicker", ajaxUpdateContainerId: "grid"); 

使用ajaxUpdateCallback选项火唱首歌()函数每次的WebGrid更新。