如果获取table里面的编辑单元格坐标?

提问 已结 20 674
daysr
daysr VIP4 2020-1-13
悬赏:20飞吻
版本:layuiAdmin v1.2.1 浏览器:谷歌
请问一下大神们
如果获取table里面的编辑单元格坐标?
回帖
  • 0 回复
  • 蛋花
    2020-1-13
    提供两个思路:

    一、layui的点击事件

    //通过编辑行点击
    table.on('edit(test)', function(obj){ //注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值"
    window.event //当前点击事件的所有信息 (包括坐标)
    });

    //通过行点击
    table.on('row', function(obj){
    window.event //当前点击事件的所有信息 (包括坐标)
    });


    二、外置绑定事件

    $('tbody 货品编码').bind('click',function(e){
    e||window.event
    })

    0 回复
  • c299
    2020-1-13
    你说的坐标指的是第几行、第几列?编辑单元格是指在进行编辑事件后获取?
    0 回复
  • daysr
    2020-1-13
    @蛋花 你好,我用了 eve.X, eve.Y和eve.offsetX, eve.offsetY坐标,都无法在编辑下弹出实现

    0 回复
  • daysr
    2020-1-13
    @c299 你好,请查看一下我的回复,我需要实现的是编辑框下面弹出
    0 回复
  • c299
    2020-1-13
    $(document).on('mouseup','td[data-edit="true"],td[data-edit="text"]',function(obj){
    var left = $(this).offset().top;
    var bottom = $(this).offset().bottom;
    layer.open({
    ....
    offset:[bottom+'px',left +'px'],
    })
    })
    0 回复
  • daysr
    2020-1-13
    @c299 你好,这个也设置不了
    0 回复
  • daysr
    2020-1-13
    @c299 bottom估计要减很多px之后才能达到在编辑框下面
    0 回复
  • daysr
    2020-1-13
    @c299 刚才我测试了一下,移动端是没有反应的。。。。电脑端显示在下面,但是移动端就没有看到
    0 回复
  • c299
    2020-1-13
    var bottom = $(this).offset().top-(单元格的高度);
    写错了,没有bottom
    0 回复