Question

我在AJAX成功函数中有这段代码：

$('#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表格，当我点击标题以排序哪一列我失去了上述功能。如何重新组织/重新定位此代码，使其无论排序刷新如何都能响应？

感谢。

Answer 1

现在看来我已经采用了以下解决方案，而不是我的第一个选择但是有效。

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

每次webgrid更新时，使用ajaxUpdateCallback选项触发clicker（）函数。

保持jquery代码处于活动状态

1 个答案: