监听行单击事件, 获取点击行数据

最新推荐文章于 2022-11-06 21:18:44 发布

原创最新推荐文章于 2022-11-06 21:18:44 发布 · 1.4k 阅读

CC 4.0 BY-SA版权

本文介绍在VS后端开发中，如何实现表格行单击事件监听，以获取并展示点击行的数据。通过绑定两个表格，利用主键ID作为外键关联，当点击第一张表格的某一行时，不仅能获取该行的详细信息，还能计算分页累计消费。控制器通过GuestID进行相关数据查询，实现数据的联动展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：VS 后端

作者：陈芝番

撰写时间：2019.7.14

这个是绑定两个表格数据，通过获取第一张表格主键ID,另一张表格作为第一张表格的外键，然后通过监听行单击事件，获取点击行数据。还需要标注选中的样式，这样通过监听单击事件，就能获取下一张表格数据，当然点击该行数据会对应出现关于该行数据相关信息，而累积消费，只能获取该页的累计消费。

通过监听事件获取点击行数据，还有消费累积分页计算，效果图如下：

控制器的表格查询，同样也需要查询第一张表的外键，第一张表的点击事件，获取关于该行的相关查询，通过int GuestID查询出GuestID相关信息。

通过来自结账表的外键GuestID：Where tbGclog.GuestID == GuestiD，获取结账表的外键GuestID相关信息。

结语：监听行单击事件，获取点击行数据。主要获取主表的外键ID。当然添加新的数据，需要这一字符串：

var checkStatus = layuiTable.checkStatus('tabGuest');

if (checkStatus.data.length == 1) {

var GuestId = checkStatus.data[0].GuestID;

$('#formInsertGclog [name="GuestID"]').val(GuestId);

$("#modalInsertGclog").modal('show');}

else {

layer.msg('请先选择结账房间', { icon: 0 });

}

只有通过单击行数据，才能添加在该行数据中。