ant table表格整行点击事件并获取当前行的数据

实现效果：点击表格中某一行，或者点击表格中某一行的一个字段，获取当前行的 item 下标数据，并用 Link 标签传参，下一个页面接收的实现。

如果使用 router 跳转路由传参，需要导入 import router from 'umi/router';

如果用 Link 跳转路由传参，需要导入 import Link from 'umi/link';

1.点击整行得到当前数据的实现代码：

<TableonRow={record => {return {onClick: event => {console.log('aaaaaaaaaaaa',record)router.push({pathname: '/c_histori/c_histori',query: {obj: record},});}, // 点击行onDoubleClick: event => {},onContextMenu: event => {},onMouseEnter: event => {}, // 鼠标移入行onMouseLeave: event => {},};}}dataSource={this.state.list} columns={columns} pagination={ this.state.paginationProps }
/>

2.点击表格内的某一项得到当前行数据

注：需要利用表

ant table表格整行点击事件并获取当前行的数据相关推荐

2、多效果、太极图、党徽和五角星、时钟、animation、文本溢出显示省略号、Flex布局、Flex容器、链接状态、选择器、清除浮动、table表格合并、点击事件、半包围效
2.多效果.太极图.党徽和五角星.时钟.animation.文本溢出显示省略号.Flex布局.Flex容器.链接状态.选择器.清除浮动.table表格合并.点击事件.半包围效.getBoundingC ...
table表的tr行点击事件，获取对应的table表的第一列的值
$("#table_id tbody").on("click","tr",function() { var td = $(this).fin ...
html表格td点击事件,监听layui中的table中的td点击事件
上图就是用layui生成的一个table表格; 在这里我们给td绑定class,再通过jq的方式去监听是不可行的; 会监听不到事件; 不过在layui中,给了监听方法,并且还可以获取到该行所有的数据 ...
解决element-ui中表格行点击事件和表格单元格点击事件冲突的问题
element-ui中如果同时设置了表格行点击事件和表格单元格点击事件的化,当点击单元格的时候会因为事件冒泡触发表格行点击事件,这不是我们需要的要解决这种事件冲突的问题,只需要在单元格的点击事件上加 ...
鼠標滑過表格整行改變背景色
鼠標滑過表格整行改變背景色 <table> <tr bgcolor="#CCCCCC onMouseOut="this.bgcolor='#00CCCC' ...
微信小程序开发-点击事件，获取元素id
1.点击事件,获取元素id,页面传值参数传递: 小程序里的点击触发事件.如何获取当前元素的id.如何吧值传递到下一个页面例: <view class="kindleft"& ...
Vue经典实例之table表格奇偶行不同颜色、鼠标移入变色、点击变色，一看就明白
最主要就是用到属性的绑定 :class (动态绑定多个class) :class="[(k+1)%2==1?'trclock':'',curId==k?'trhover':'',select ...
Ant table表格合并单元格使用
Ant 合并单元格+覆盖样式项目需求: 最后一列用来展示详情,表格左侧点击行切换:要求选中行的样式和详情信息用一个边框凸显出来结果如下: 切换效果展示如下: 实现过程: 在ant合并单元格demo ...
android 表格控件点击事件,Android零基础入门｜RecyclerView点击事件处理
原标题:Android零基础入门|RecyclerView点击事件处理前面两期学习了RecyclerView的简单使用,并为其item添加了分割线.在实际运用中,无论是List还是Grid效果,基本 ...

ant table表格整行点击事件并获取当前行的数据

实现效果：点击表格中某一行，或者点击表格中某一行的一个字段，获取当前行的 item 下标数据，并用 Link 标签传参，下一个页面接收的实现。

1.点击整行得到当前数据的实现代码：

2.点击表格内的某一项得到当前行数据

ant table表格整行点击事件并获取当前行的数据相关推荐

最新文章

热门文章