layui.use('table', function(){ var table = layui.table; var layer = layui.layer; var laytpl = layui.laytpl; var form = layui.form; //告警汇总 table.render({ elem: '#Daohang' ,url: '/hxzkuwb/DaoHang' ,size:'sm' ,page:true ,toolbar:'#toolbarDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档 ,cols: [[ //表头 {type:'checkbox',sort: true,fixed: "left"} ,{field: 'id', title: '序号', sort: true} ,{ field: 'name', title: '导航名称'} ,{ field: 'parent', title: '自身级别'} ,{ field: 'parents', title: '关联级别'} ,{ field: 'level', title: '层级'} ,{ field: 'ishow', title: '是否显示',templet: '#titleTpl'} ,{ field: 'icon', title: '图标',templet: '#titleTplimg'} ,{ field: 'addtime', title: '添加时间'} ]] ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000] ,limit: 20, }); table.on('toolbar(Daohang)', function(obj) { var checkStatus = table.checkStatus(obj.config.id); switch(obj.event) { case 'getUpdate': var data = checkStatus.data; if(data.length>1){ layer.alert("一次只能选中一个进行修改") }else if(data.length == 0){ layer.alert("请选中一条数据") }else{ console.log(data[0].parent) if (data[0].parent == "" || data[0].parent == null){ $("#tu").hide(); $("#fu").show(); $("#up1").val(data[0].id) $("#up2").val(data[0].name) $("#up3").val(data[0].parents) }else{ $("#tu").show(); $("#fu").hide(); $("#up1").val(data[0].id) $("#up2").val(data[0].name) } $(".update").show(); $(".heimu").show(); } break; } }) $.get("/hxzkuwb/findImage", function (data) { var selectData = []; for (var i = 0; i < data.data.length; i++) { var option = { value: data.data[i].image, title: '图标名称:'+data.data[i].name+'' }; selectData.push(option); } // 动态生成下拉框选项 var selectElem = document.getElementById('icons'); for (var i = 0; i < selectData.length; i++) { var optionElem = document.createElement('option'); optionElem.value = selectData[i].value; optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容 selectElem.appendChild(optionElem); } // 重新渲染下拉框 form.render('select'); }); }); function quxiao(){ layer.msg('操作成功') setTimeout(function() { $(".add").hide(); $(".update").hide() $(".heimu").hide(); }, 500); }