1、在layui官网直接点击下载,将layui文件直接复制到项目下,在页面引入jquery.js文件(该文件必须在1.8版本之上),再引入layui.js文件和layui.css文件
此时写第一个示例:
layer.open({
layer.msg('hello');
})
页面报错:layer is not defined
修改:
function del(){
layui.use("layer",function(){
(若想要加载多个组件,如:时间,表单可用[] layui.use(['layer','laydate','form'],function(){}))
var layer = layui.layer; //layer初始化
layer.msg('hello'); //此时便可成功
//iframe窗
layer.open({
type: 2, //2为iframe层
title: "另一个页面",
closeBtn: ['确定','取消'], //不显示关闭按钮
shade: [0], //遮罩
area: ['340px', '215px'],
offset: 'auto',//默认垂直水平居中 //rb:右下角弹出
time: 2000, //2秒后自动关闭
anim: 2,
//content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条
content:['layer.jsp','no'],
end: function(){ //此处用于演示
layer.open({
type: 2,
title: '很多时候,我们想最大化看,比如像这个页面。',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['893px', '600px'],
content: '//fly.layui.com/'
});
}
});
});
}
问题解决
2、如何给laydate设置只读?
为设置只读前:
1 laydate.render({ 2 elem:'#id', 3 range:true, //开启双面板 4 });
设置只读
1 laydate.render({ 2 elem:'#id', 3 range:true, //设置双面板 4 type:'' 5 });
3、关于layui中评分模块根据条件设置为只读
原代码
1 rate.render({ 2 else:'#id', 3 value:'<%=rs.getNameNumber("TJZS")%>', //初始值 4 text:true, //开启文本 5 choose:funcrion(value){ 6 $("#tjzs").val(value); 7 } 8 });
修改后代码
var bmbm = "<%=jgbms%>"; var ratereadonly = false; if(bmbm != "0000"){ ratereadonly = true; }else{ ratereadonly = false; } rate.render({ elem:'#id', value:'<%=rs.getNameNumber("TJZS")%>', //初始值 text:true, //开启文本 readonly:ratereadonly, choose:function(value){ $("#tjzs").val(value); } });