Table双击事件 如何获取TR的数据JSON的

提问 已结
13 873
阳仔
阳仔 2017-11-29
悬赏:30飞吻
版本:layui 2.2.3 浏览器:
Table双击事件 如何获取TR的数据JSON的 自己修改的源码 不知道怎么获取双击行的数据 求大神!!
回帖
  • <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css" media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>

    <div class="demoTable">
    搜索ID:
    <div class="layui-inline">
    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>


    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
    <script>
    layui.use('table', function(){
    var table = layui.table;

    //方法级渲染
    table.render({
    elem: '#LAY_table_user'
    ,url: '/demo/table/user/'
    ,cols: [[
    {checkbox: true, fixed: true}
    ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}
    ,{field:'username', title: '用户名', width:80}
    ,{field:'sex', title: '性别', width:80, sort: true}
    ,{field:'city', title: '城市', width:80}
    ,{field:'sign', title: '签名', width:177}
    ,{field:'experience', title: '积分', sort: true, width:80}
    ,{field:'score', title: '评分', sort: true, width:80}
    ,{field:'classify', title: '职业', width:80}
    ,{field:'wealth', title: '财富', sort: true, width:135}
    ]]
    ,id: 'testReload'
    ,page: true
    ,height: 315,
    done:function(res,curr,count){
    var data=res.data;
    $('.layui-table-body tr').each(function(){
    var dataindex=$(this).attr('data-index');
    var idx=0;
    for(var item in data){
    if(dataindex==idx){
    $(this).dblclick(function(){//双击某一行事件
    layer.msg(JSON.stringify(data[item]),{time:10000});
    });
    break;
    }
    idx++;
    }
    });
    }
    });

    var $ = layui.$, active = {
    reload: function(){
    var demoReload = $('#demoReload');

    table.reload('testReload', {
    where: {
    key: {
    id: demoReload.val()
    }
    }
    });
    }
    };

    $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
    });
    });
    </script>

    </body>
    </html>
    0 回复
  • 阳仔
    2017-12-1
    谢谢,我试试
    0 回复
  • 阳仔
    2017-12-5
    @單克拉的眼淚 你的不好使,谢谢了 我自己弄出来了
    0 回复
  • 阳仔
    2017-12-5
    0 回复
  • 阳仔
    2017-12-5
    d是本Table , d.cache[表格的ID或者lay-filter][某一行]
    0 回复
  • @阳仔 自己做出来就好,个人不提倡修改源码,不方便更新,出现问题到官方问不一定有人会出现同样的问题
    0 回复
  • 阳仔
    2017-12-5
    @單克拉的眼淚 没办法啊 这样方便一些 我原先自己试过 直接Jq绑定tr 发现都没用的 只能全局了 现在吧点击行 自动选择 CheckBox 和双击行修改 都实现了
    0 回复
  • weaker
    2017-12-5
    能否共享下,谢谢
    0 回复
  • 阳仔
    2017-12-6
    @weaker 我是改的源码 更新很麻烦 确定需要?
    0 回复
  • weaker
    2017-12-6
    @阳仔 没事,给我一下吧,我研究下
    0 回复
  • weaker
    2017-12-6
    0 回复
  • 阳仔
    2017-12-8
    0 回复
  • 阳仔
    2017-12-8
    0 回复
本帖已设置禁止回复