layui表單元素(下拉框,單選框,複選框)加了form.render();還是沒有渲染效果

 這期間弄這個html真的很是頭痛,網上下載的前端模板,不知道用的是什麼框架,也不好改,爲了達到自己想要的效果,還是嘗試了一下在模板框架中加入layUI框架的一些功能,對於這個表單元素渲染效果不顯示真的很惱火,試了很多方法,網上很多說是form.render();渲染更新的問題,但是我加了這行代碼還是沒有效果,最後把引入的jscss方法改了下大概效果已經出來了。

在你的jsp頁面中添加已下代碼:

<link rel="stylesheet"  href="<%=request.getContextPath()%>/layui/css/layui.css" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/layui/layui.js"></script>

 

<script type="text/javascript">
            //Demo
            layui.use('form', function(){//聲明使用layUI的form
                var form = layui.form;
				form.render();//刷新所有渲染效果,也可以單獨熟悉某個效果
                //監聽提交
                form.on('submit(formDemo)', function(data){
                    layer.msg(JSON.stringify(data.field));
                    return false;
                });
            });
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章