如何识别已单击的表格单元格?

Posted

技术标签:

【中文标题】如何识别已单击的表格单元格?【英文标题】:How to recognize a cell of table, which has been clicked? 【发布时间】:2015-11-07 21:56:30 【问题描述】:

我正在尝试在下面的图片上做这样的事情。

我想制作一个看起来像日历的表格。另外我想让单元格可点击,我想知道点击了哪个单元格。可能 html5 属性 data-* 会对它有用。 最好是“可拖动”,我的意思是如果可以通过鼠标拖动选择更多单元格。

【问题讨论】:

【参考方案1】:

您应该能够将您的模型对象或您正在循环的集合中的项目传递给您的ng-click 事件方法。

假设你遍历一个集合来渲染单元格

<div ng-repeat="day in calendarDays">
  <a href="#" ng-click="dayClicked(day)">
     Show some markup here as needed
  </a>
</div>

假设calendarDays 是您的$scope 中的一个数组/集合,而dayClicked 是您的$scope 中的一个方法,它接受一个代表日项目的数据结构。

【讨论】:

以上是关于如何识别已单击的表格单元格?的主要内容,如果未能解决你的问题,请参考以下文章

如何从表格视图单元格中的图像手势获取 indexPath

如何在 React 中取消单击表格单元格

单击单元格文本时如何从单元格中删除文本

如何在单击时更改 HTML 表格单元格颜色

如何通过单击根据其内容更改表格单元格的高度(折叠和展开)?

表格未聚焦时如何设置QTableWidget单元格背景颜色?