angularjs table,点击行tr获取tr行数据

最新推荐文章于 2025-06-19 14:42:06 发布

小猫儿

最新推荐文章于 2025-06-19 14:42:06 发布

阅读量6.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：爬坑问题记录~分享

本文链接：https://blog.youkuaiyun.com/zhengyinling/article/details/79461749

爬坑问题记录~分享专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用AngularJS实现表格行双击事件的方法。通过两种方式演示了如何在用户双击表格行时捕获该事件并获取被选中行的数据。一种方法是直接在JavaScript中通过事件目标获取行信息，另一种是在控制器中定义函数来设置显示的数据。

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

//tr双击 选中 确定

//方法一 行点击方法
        $scope.getData=function(e){
            var tr= $(e.target).parents('tr');
            var obj={};
            obj.index=$(tr).children("td").eq(0).text();
            obj.name=$(tr).children("td").eq(1).text();
            obj.time=$(tr).children("td").eq(2).text();
        };

//方法二获取tr对象

 $scope.fahrplan_bf=function(index){
   $scope.scheduleShow.bf=$scope.fahrplanList[index];
 };

html

  <table >
      <thead >
        <tr >
          <th width="50px;">序号</th>
          <th>名称</th>
          <th width="75px;">日期</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="value in fahrplanList"  ng-dblclick="fahrplan_bf($event,index)">
          <td width="50px;">{{value.index}}</td>
          <td>{{value.bfName}}</td>
          <td width="75px;">{{ value.bfUpdateTime | date : 'yyyy-MM-dd '}}</td>
        </tr>
      </tbody>
   </table>