表格渲染之后select选中的数据不见了

Posted 2023-04-27

如果select选中的数据在表格渲染之后不见了，可能是由于select的options的value值与表格数据不一致所致。你可以尝试指定options的value值与表格数据保持一致，或者通过js编程来同步数据。 参考技术A 凝淇

码龄5年

关注
layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。

875905d459feb2204fb46dcba20c91e3.png

使用步骤：

2、将layui文件夹复制到自己的项目里：

41772ee6fe5a5f43b98d39c4b514e02f.png

3、在html页面引入相关的css和js:

//路径仅供参考

//路径仅供参考

4、我们除了直接复制组件代码过来使用外，也可以参考他们的开发文档，了解更多更详细的使用方法：

form表单select、radio组件不显示的解决方法：

这里简单的复制了一段框架的form表单代码：

layui
输入框

下拉选择框

写作

阅读

立即提交

重置

但是运行的时候，select下拉框不能正常显示：

8511eaf55e9f768b6475e85beddce86d.png

这里写出正确的解决方法，大家自行检查自己的代码：

1、在select等组件上记得要加上 lay-filter="***"，用于在js中做渲染；

2、对form表单的组件进行渲染：

layui.use('form', function()

var form = layui.form;

form.render('select','aihao');

//各种基于事件的操作，下面会有进一步介绍

//form.render('组件名','lay-filter名')

);

这样，就没有什么问题了：

f2489be3ba8ac03f84508115a4c792d3.png

以上这篇解决layui的使用以及针对select、radio等表单组件不显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。 参考技术B 回答如下: 表格渲染之后select选中的数据不见了是因为删除了
，生活总会难过，但是快乐不能丢，不管你被贴上什么标签，只有你才能定义自己，生活没有那么多甜蜜，更多的是平淡的感动 参考技术C 问题：在可选择Table中使用查询功能时，再添加选中项时原选中项会置空

方法一：修改onChange方法，只能完成数据选中，不能完成取消选中（失败）

方法二：修改onSelect方法，可以完成选中和取消选中，但选中效果需要通过再Table组件上加上来刺激渲染，这样会导致选中时闪烁（不友好） 参考技术D 在开发中使用自己封装的动态生成表单组件的过程中，出现了在ElDialog中第一次打开正常显示ElSelect下拉选项，关闭弹窗再次打开ElDialog后，ElSelect下拉选项消失的问题，目前可以通过在ElDialog添加destroy-on-close来避免这个问题，但还是找不到问题产生的原因。

第一次打开ElDialog


第二次打开选项消失


选项的DOM并没有消失，但是第二次打开没有正确显示


控制台输出


在电子表格中如何锁定公式栏？

参考技术A

excel是我们常用的办公软件，当然在excel中会用到很多公式，而以下就是锁定excel公式栏的方法步骤。

1、点击数据表的左上角，选中整个数据表，使其呈现出浅蓝色

2、右键单击数据表，然后在右键菜单中，选择【设置单元格格式】

3、在菜单栏上执行：开始--查找和选择--公式，选中所有的公式

4、右键单击选中的单元格，然后在右键菜单中选择【设置单元格格式】

5、在弹出的对话框中，切换到【保护】选项，然后勾选【锁定】，点击确定按钮

6、接着在菜单栏上执行：审阅--保护工作表

7、在打开的对话框中，我们设置参数如图所示，然后输入密码，点击确定

8、弹出确认密码对话框，输入刚才输入的密码，然后点击确定。这样单元格内的公式就无法修改了。

9、当你试图修改公式的时候，你就会看到这样的提示消息。