layui table 使用templet渲染多维数组导致的问题

提问 已结 5 124
XiaoSen97
XiaoSen97 2019-3-15
悬赏:20飞吻
版本:layui 2.0 浏览器:chrome
table渲染多维数组 使用templet 对可编辑的表格产生的影响,表格无法正常显示内容 如图:
http://img.test.iallm.com/do.gif
代码如图:

回帖
  • IDyun
    2019-3-15
    第一种方法更新表缓存的数据,layui 的选中等方法数据都是从缓存获取的。【推荐】
    table.on('edit(test)', function(obj){ //注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值"
    console.log(obj.value); //得到修改后的值
    console.log(obj.field); //当前编辑的字段名
    //修改对应属性的值 obj.field='mops.opt' 表头定义的字段名称
    new Function('obj','obj.data.'+obj.field+'="'+obj.value+'";')(obj);
    });
    {field: 'mops.opt', title: '积分', width: 90,edit:'text',templet:'<div>{{d.mops.opt}}</div>'}
    第二种只是更新输入框模板显示;数据要后期处理,方法同上。
    {field: 'mops.opt', title: '积分', width: 90,edit:'text', sort: true, totalRow: true,templet:'<div>{{d["mops.opt"] || d.mops.opt}}</div>'}
    1 回复
  • XiaoSen97
    2019-3-15
    哪位大神可以帮忙看下,在线等,急急急...
    0 回复
  • 阳四爷
    2019-3-15
    没看到你想干啥[右哼哼] [白眼]
    0 回复
  • XiaoSen97
    2019-3-15
    @阳四爷 您看那个gif图 如果说我的单元格是可编辑的.那么我在使用templet的时候,我输入完后单元格不会记录我输入的值,当我点击编辑的时候.就会显示我上次输入的值,如果不使用templet的话就不会出现刚才的现象
    0 回复
  • XiaoSen97
    2019-3-15
    @IDyun 哥,你收徒吗?
    0 回复