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