我有一个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);
});
这是数据表的正常行为吗?这可以纠正吗?