常州免费网站建设,最火的网站开发语言,做网站协议怎么签,淘宝客wordpress模板最近项目中用到关于layui的前端技术#xff0c;在使用layui 渲染select option下拉复选框时出现了没有值渲染的问题#xff0c;还有使用layui日期的过程 #xff0c;接下来就一起看看吧。
/**
*从后台渲染字段民族数据/div classlayui-inlinelabe… 最近项目中用到关于layui的前端技术在使用layui 渲染select option下拉复选框时出现了没有值渲染的问题还有使用layui日期的过程 接下来就一起看看吧。
/**
*从后台渲染字段民族数据/div classlayui-inlinelabel classlayui-form-labelspan stylecolor: red;*/span民族/labeldiv classlayui-input-inlineselect namenation idnation lay-verifyrequired lay-search/select/div
/div
input typehidden idmzxz value${caseBean.nation} ///设置一个隐藏的input框
function getNation() {var temps $(#mzxz).val();//对应民族input的值$.ajax({id: getNation,type: post,url: %basePath%case/getNationValues.do,dataType : json,success: function (data) {if (data ! null) {for(var i0;idata.length;i) {if(tempsdata[i].type) {$(#nation).append(option value data[i].type selected data[i].name /option);//此处将后台等到的数据拼接到对应id为nation的复选select标签下这样得到后台民族字典项的数据}else {$(#nation).append(option value data[i].type data[i].name /option);}}}layui.form.render(select);//layui表单需要再次渲染select标签元素},});
}
以上数据渲染完了发现没有出来后经发现layui规定在渲染select需要再次用
element元素渲染
在使用layui的laydate时需要引入一下文件link relstylesheet href../../js/layui/css/layui.css/
link relstylesheet href../../laydate/theme/default/laydate.css/
script src%basePath%/js/layui/layui.js/script
script src%basePath%/laydate/laydate.js/script $(function () {layui.use([jquery, upload, form, element, laydate, layer], function () {laydate.render({elem: #birthday//获取日期标签元素, type: date//日期格式类型yyyy-MM-dd, done: function (value, date, endDate) {}
});
form.render();//layui表单再次渲染 });