从模态框选中回填数据

开发工具与关键技术:JS
作者:JLR
撰写时间:2019年 6 月 4 日
  1. 在日常代码中,遇到要修改数据的时候需要回填数据的,那么如果在查询的时候,点击按钮从模态框中回填数据到input标签,那该怎么办? 其实是很简单的,如下图,再点击标签的“+”时候,会弹出选择经理的模态框,选中表格中的某一条数据后,点击确认选择,会把选中的数据行中的经理名称的字段回填到input标签里面!
    在这里插入图片描述
    在这里插入图片描述
  2. 在做经理表格,用到layui插件的渲染,渲染的时候,可以把我们需要的字段的ID隐藏起来,需要用的时候可以直接调用,不过在这里面特别注意,前面的选框是单选框,不能够用多选框。
    在这里插入图片描述
  3. 点击获取选中行的数据,这个要写一个方法,然后在确认选择的按钮去调用这个方法!
    在这个方法里面:
    (1)首先声明一个变量去接收选择经理表格,
    (2)然后还要声明一个变量去收选中行的数据,
    (3)再用一个if判断语句,如果捕捉到的选中行数大于零,strIds让它等于查询到的数据等于选中数据的ID,再获取到input标签的ID,把选中数据中自己需要的字段回填上去就可以了,最后把模态框关闭就可以了。
    在这里插入图片描述
    这样一个从模态框中把数据回填到input标签的功能就完成了!
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值