DataTable DOM id值更改超过第10条记录

时间:2016-06-15 05:37:56

标签: javascript jquery dom datatable datatables

我有一个DataTable,它显示第一列上的实际记录ID号,为了简单起见,我将其命名为“#”。我已经为此列添加了一个锚标记,因此我可以打开一个包含更详细数据的弹出模式:

<a href=\"#\" id=\"RECORDEDIT____" + rec.Seq.ToString() + "\" data-toggle=\"modal\" data-target=\"#my_popup\" + ">" + rec.Seq.ToString() + "</a>

对于前10个记录,它工作正常;弹出窗口显示被点击元素的正确“ID”。但是,如果我进入第一页以外的任何页面并单击那里的任何记录,我将获得上一个单击元素的记录。例如,如果我之前单击记录#7然后单击第2页上的记录12,则会获得记录7详细信息。如果我点击第2页上的记录15,我仍然会得到记录7的详细信息。

为了获得正确的值,我尝试过:

$('*[id^=RECORDEDIT____]').click(function () {
            var indexValue = $(this).attr("id");  <--- Here
            var data = indexValue;
            .....
            $(".modal-body").html(data);
        });

$('*[id^=RECORDEDIT____]').click(function () {
                var indexValue = $(this).attr("data-id");  <--- Here (added the "data-id" attribute first, of course)
                var data = indexValue;
                .....
                $(".modal-body").html(data);
            });

$('*[id^=RECORDEDIT____]').click(function () {
                var indexValue = $(this).html();  <--- Here
                var data = indexValue;
                .....
                $(".modal-body").html(data);
            });

$('*[id^=RECORDEDIT____]').click(function () {
                var indexValue = $(this).text();  <--- Here
                var data = indexValue;
                .....
                $(".modal-body").html(data);
            });

这是数据表的正常行为吗?这可以纠正吗?

0 个答案:

没有答案