layui渲染问题包括select下拉框渲染问题

最新推荐文章于 2021-06-10 11:31:05 发布

且随风而行

最新推荐文章于 2021-06-10 11:31:05 发布

阅读量2.3k

点赞数 3

分类专栏：前端 layui Java开发文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_44729970/article/details/106126030

版权

Java开发同时被 3 个专栏收录

25 篇文章

订阅专栏

前端

2 篇文章

订阅专栏

layui

2 篇文章

订阅专栏

本文介绍在使用layui前端框架时，如何解决动态获取数据后无法显示的问题。通过具体示例，如年份select多选框数据获取，展示了使用form.render()方法进行数据渲染的必要性和操作步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui动态获取数据渲染

使用layui前端框架时，很多时候通过动态表格方法得到数据后无法显示，是因为没有进行数据渲染。比如说下图中年份selelct多选框的数据获取。
在这里插入图片描述
JSP页面代码

<label class="layui-form-label">&#12288;&#12288;年份</label>
						<div class="layui-input-inline">
							<select class="" id="year" lay-filter="year" style="margin-right:10px;width:80px;">
								<option value="0">全部</option>
							</select>
						</div>

JS方法

function changeYear(form){
	//获取时间的方法
	......
	......
	form.render("select");//最后加上form.render()完成渲染
}

总结

一句话：layui动态获取数据后都需要用form.render()进行渲染才能进行数据显示