layui的table是否能够添加上行单击和双击事件

建议 已结
9 1144
zbcdj
zbcdj 2018-3-15
悬赏:20飞吻
个人感觉是不是可以加上,目前的行点击事件我是通过每个单元格的 event实现的,是否是能够加上。
原来用的是easyui,用起来还是很方便的,比如点击某一行跳转出详情,或者加载二级数据什么的,都会有这种需求。
看到2.2.5版本的table 的 templet支持了方法,用起来还是非常不错的,比较很多修正显示的数据项是从后台查询进行修正的。
回帖
  • http://fly.layui.com/jie/17603/
    1 回复
  • 自己修改源码就可以了
    0 回复
  • zbcdj
    2018-3-15
    @單克拉的眼淚 非常感谢,参考了下实现了,那个代码里面的循环有点多。。
    done : function(res, curr, count){
    var data=res.data;
    $('.layui-table-body tr').each(function(i){
    var index = $(this).attr('data-index');
    console.info(index);
    console.info(data[index]);
    $(this).dblclick(function(){//双击事件
    console.info('dblclick');
    });
    $(this).click(function(){//单击某一行事件
    console.info('click');
    });

    });
    },
    唯一的问题是,jquery如果给同一个事件绑定click和dblclick事件,在双击的时候会触发2次click,暂时无法解决,不过单击事件实现了
    0 回复
  • zbcdj
    2018-3-15
    0 回复
  • 李志炜
    2018-5-11
    一排序点击事件就无效了
    0 回复
  • SvEvil
    2018-7-31
    有一个笨方法 就是每个单元格都添加一个同样名字的点击事件 所有的单元格都添加一个event:'cellRow'
    0 回复
  • zbcdj
    2018-8-6
    @李志炜 我这没考虑排序,如果要排序的话可以给每个tr强制加上id,去后台获取数据,或者看下排序后的table的data属性是不是变了,根据情况从本地获取下
    0 回复
  • zbcdj
    2018-8-6
    @SvEvil 有个同事也这么做的,但是感觉这样做不太好,虽然也能实现,就是感觉乖乖的
    0 回复
  • 双击表格某一行时显示另一个窗体

    table.on('rowDouble(NewDraft_list_filter)', function (obj) {
    var data = obj.data;
    showPayTask(data);
    });
    0 回复