数据表格和弹出层里的数据表格 怎样把弹出层里选择的数据带回原表格

提问 已结
19 482
我全都要
我全都要 2018-6-11
悬赏:30飞吻
版本:layui 浏览器:
在表格控件里面,有个字段需要下拉选择,由于数据较多,直接嵌入下拉框效果不好,一般设计会弹出一个对话框,让客户选择数据。请问怎么将客户选择的数据带回到原来的TABLE里面。@岁月小偷
回帖
  • 我自己写了一点代码测试了一下刚才的想法是可以实现的,可以看看有没有参考价值额 https://pan.baidu.com/s/1CMHbj77QejD-B8gPEdC-dg
    添加一条新数据会看到年龄哪里是一个...的按钮,点击打开form弹窗然后修改保存。注意我修改了源码的table中的update实现如下。
    不过使用这个方法必须修改一处源码,可以搜索table.js中的update,就一个,里面有一句

    源码中有这个判断,感觉很没道理的一个逻辑,硬生生的把初始化没有这个属性的数据update也update不进去,所以我是把这个判断给注释掉了。
    0 回复
  • @岁月小偷
    大神,您好!
    首先感谢您帮我做了个按钮,弹出一个层取到数据:
    我们的场景是做ERP系统,有大量复杂的交互,项目经理希望用LAYUI-TABLE做到如下功能:
    1.删除和编辑按钮放到table【新增一条数据】位置,不放在操作字段区域。操作字段由于字段太多,需要客户拉到最后去处理;
    新增和删除可以在表头按钮区处理;
    2.点击表格字段里的按钮后,弹出一个层,目前您帮我做的层是两个录入框,实际业务中多为一个表格2个字段,希望您改成表格,选中表格中的数据后,带入到底层的表格里;
    由于存在反复选取的情况,鼠标点入年龄字段框后,按钮可以显示,离开按钮消失。
    3.年龄数据在最末一行能加入一个合计行,统计总数。
    如果您能解决1个或3个问题,可以加项目经理QQ:79165815 A++啊云,他有红包感谢!
    1 回复
  • 弹出来的是一个form吧?这样的话可以监听form的提交,然后table是url的还是data静态数据的呢?
    0 回复
  • @岁月小偷 弹出的只是一个弹出层的控件div 数据都是静态的json. 原table是静态数据 只用于用户新增数据
    0 回复
  • 0 回复
  • 点击物料名称 弹出弹出框 然后选择一个数据 需要把ID和名称 带回原table 的那一栏填充物料ID和物料名称
    0 回复
  • 恩恩,这个其实可以利用一下layui的table组件的一个工具监听,工具监听,给...按钮添加一个lay-event这样就能用layui的table.on('tool(test)', function(obj){});利用obj.update来更新表格试试看。不过obj提供的update方法里面也有一个坑,就是如果一开始的数据没有这个属性,比如id,update({id: 100})这样还更新不进去。
    0 回复
  • @岁月小偷 好的 蟹蟹 我再看看 麻烦了 您早点休息
    0 回复
  • 柒爱
    2018-6-12
    可以尝试下在子页面调用父页面的方法试试
    0 回复
  • @岁月小偷 我想把form表单 换成数据表格进行渲染 该怎么操作..
    0 回复
  • 应该差不多吧,就是在关闭的yes的时候或者关闭的时候得到打开的弹出窗中table的数据,然后自己组装成需要更新到原来的table的数据然后obj.update({数据})
    0 回复
  • @岁月小偷 不是这个意思.. 弹出层是一个from表单 我想把from表单换成一个数据表格 但渲染不出来 事件没有执行
    0 回复
  • 嗯嗯我今天找时间处理一下这3个问题吧,都有方法可以处理可以实现。稍等一会。做好了发链接给你。
    0 回复
  • @岁月小偷 麻烦了 蟹蟹
    0 回复
  • @岁月小偷 我大佬说要给你发红包[偷笑]
    0 回复
  • @我全都要 [偷笑] 还不一定能弄出来呢
    0 回复
  • @岁月小偷 刚接触这个 没您做的快,了解的深.
    0 回复
  • @我全都要 大致修改好了除了总计的那一行,看下你们是怎么实现统计行的,如果没有的话我看着写一个实现。测试页面加QQ发给你还是百度云?
    0 回复
  • @岁月小偷 加我大佬QQ吧
    0 回复