数据表格点击显示怎么实现

提问 未结 8 124
Highbig上
Highbig上 3天前
悬赏:20飞吻
版本:layui 浏览器:
我想请问一下,怎么才能实现数据表格中点击显示的功能

就是点击图中的超链接后,原来查看电话的位置变为电话号
回帖
  • Liliy
    3天前
    绑定单元格事件  然后使用 obj.update({  });方法修改
    0 回复
  • @Liliy
    ,{field:'customerPhones',unresize:true,align:'center', width:100, title: '联系方式',event:'showphone'},
    下边使用了判断event,然后
    obj.update({
    customerPhones:r.msg // r为ajax返回值
    });
    可是这么写了之后,还是不能将数据放回到对应的单元格中,但是,将field的名字换成别的单元格的,返回的值就可以放进去
    0 回复
  • Liliy
    3天前
    table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data; //获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
    var tr = obj.tr; //获得当前行 tr 的 DOM 对象(如果有的话)

    if(layEvent === 'showphone'){ //查看

    $.ajax({
    url:'demo.json',
    method: 'get',
    dataType: 'JSON',
    data:{

    },
    success: function(res) {
    obj.update({
    experience: res.data[0].city
    });
    }
    });

    }
    });
    0 回复
  • @Liliy
     ,{field:'customerName', unresize:true,width:250, align:'center',title: '客户姓名'}
    ,{field:'customerPhones',unresize:true,align:'center', width:100, title: '联系方式',event:'showphone'}


    // 表格中的事件
    layui.use('table', function(){
    var table = layui.table;
    //监听表格复选框选择
    //监听工具条
    table.on('tool(demo)', function(obj){
    var data = obj.data;
    if(obj.event === 'showPhone'){
    $.ajax({
    url: "/reports/reports/getBillCustomerPhone",
    type: "post",
    data: {
    id: data.id,
    remarks:'成交管理-成交列表'
    },
    success: function (r) {
    if (r.code == 0) {
    obj.update({
    customerPhones: r.msg
    ,customerName : r.msg
    });
    } else {
    layer.msg(r.msg);
    }
    }
    });

    }
    });

    });
    这个是我的代码,当我点击联系方式下边的框的时候,会同时给客户姓名和联系方式两个单元格赋值,最后的结果就是这样,客户姓名那一栏可以进去,但是,联系方式那一栏不行,这是什么原因呢
    0 回复
  • @Liliy
    忘了上传图片了
    0 回复
  • Liliy
    3天前
    一般是可以的  你检查看下 其他地方有没有赋值的
    0 回复
  • @Liliy 现在吧,问题就是卡在了这里,我现在碰到的问题就是只要是带有event的的单元格,都不能显示,就是说,我点击联系方式的单元格,把数据显示在身份证号的单元格里也不行,但是,只要不带event的目前都没有问题,这是我发现的唯一一个不同点,也不知道是不是问题的所在
    0 回复
  • Liliy
    3天前
    那你新建个新的测试页面 创建个表格看下 绑定下event看下 有没有效果
    0 回复