当前位置: 首页 > 工具软件 > layui > 使用案例 >

layUI弹窗,layUI复选框

於功
2023-12-01

layUI弹窗,layUI复选框

layUI弹窗

$("#close1").click(function() {
		parent.layer.open({
							type : 1,
							title : '提示',
							content : '<div style="text-align:center;line-height:100px;height:100px;"><i class="layui-icon" style="font-size: 22px; color: #40C7DA;">&#xe702;</i> '
							+ '是否一键关闭'+name+'等教室的所有设备!</div>',
							area : [ '800px','200px' ],
							btn : [ '确定', '取消' ],
							yes : function(index,layero) {
								if(opt=="教室总览"){
									allSend(2,mapColor,2);
									mapColor ={};
									//设置class="classroomColor"的背景色
									$(".classroomColor").css("backgroundColor","rgb(230, 230, 230)");
								}else if(opt=="教室列表"){
									allSend(2,mapClassroomid,1);
									mapClassroomid={};
									
								}else{
									
								}
								//关闭所有的弹窗
								parent.layer.closeAll();
							}
						})

				});

获取LayUI table中复选框选中的所有对象

layui.use(['table'],function(){
				var table = layui.table;
				//通过layUI获取复选框对应的数据,其中devicetable表示table的ID,checkDatas 表示获取的对象
				checkDatas = table.checkStatus('devicetable');
				
			})

LayUI table 重载

layui.use(['table'],function(){
    					var table = layui.table;
    					//重新加载id为devicetable,这样可以关闭所有的复选框
    					table.reload('devicetable');
    				})
 类似资料: