Layui下拉框样式动态加载不出现数据的问题

之前遇到过这样一个问题,就是使用layui下拉框的时候,因为下拉框的数据是动态加载的,当在页面刷新数据时,layui下拉框的样式在,但是需要加载的数据却不显示,刚开始的时候以为以为是数据不绑定的问题,去掉layui样式时却可以显示数据,所以数据时绑定的,后来又尝试了静态加载数据,发现数据和样式都可以显示出来,那么我认为是加载时候出现了问题,我觉得应该是加载的时候起了冲突,以至于显示不出来数据。

一开始是

这样的
Layui下拉框样式动态加载不出现数据的问题_第1张图片

绑定了一个下拉框,但加载页面的时候数据却不出来,下拉框的数据是动态加载的,以下是代码:

Layui下拉框样式动态加载不出现数据的问题_第2张图片
Layui下拉框样式动态加载不出现数据的问题_第3张图片

在layui这边有动态加载数据的解决方法,也就是刷新下拉框的渲染,或者更新全部,所以我之前写了这一段代码,

form.render(‘select’, ‘test2’);,也就是更新select的状态,

但发现,数据是出来的,就是有时候它显示,有时候又不显示,这就搞得我很纳闷,明明已经按照要求来写了为什么又会出现这种情况呢,,或许是代码的位置放错了,又或者是因为漏了点才导致这种情况发生的,也渲染了,也重新加载了,

Layui下拉框样式动态加载不出现数据的问题_第4张图片
关键就是还是数据时有时无,然后针对这个问题也去百度了一下,发现关于发生这种情况的特别少,或许是因为我比较笨才会发生这种错误吧哈哈,然后终于找到了同样遇到这个问题的帖子,但是由于代码我比较看不到,所以对着那么思路来进行实际地操作了一下,终于找到了解决地方法。

其实方法也是很简单的:
Layui下拉框样式动态加载不出现数据的问题_第5张图片

就是在动态插入数据之后,再更新一遍表单,这样数据就可以出来了

Layui下拉框样式动态加载不出现数据的问题_第6张图片

以上就是我所遇到的问题以及解决的方法,可能有些地方说的不大准确,但基本上就是这样子了。

你可能感兴趣的:(MVC)