layui在open弹出层回显,解决动态select数据回显问题

//监听数据表格工具条        table.on('tool(contentList)',function(obj){//注:tool是工具条事件名,test是table原始容器的属性lay-filter="对应的值"            vardata=obj.data//获得当前行数据                ,layEvent=obj.event;//获得lay-event对应的值            if(layEvent==='detail'){   &nbs...

layui从子iframe打开父iframe的tab选项卡

数据表格字段:{field:'novelId',title:'小说ID',width:100,templet:'<div><ahref="javascript:;"_href="/contentManage/content-chapters.html"novelName="{{d.name}}"onclick="showChapters(this,{{d.novelId}});"class="layui-table-link">{{d.novelId}}</a></div>'} functionshowChapters(obj,param){        layui.use(['element'],function(){            $=layui.jquery;     ...

PHP系列 | Thinkphp3.2 上传七牛 bad token 问题 [ layui.upload 图片/文件上传]

前端代码<divclass="logo_out"id="upload-logo"></div>JS代码/***上传图片*/layui.use('upload',function(){varupload=layui.upload;varuploadInst=upload.render({elem:'#upload-logo'//绑定元素,url:"{:U('plan/imageUpload')}"//上传接口,accept:'file',done:function(res){console.log(res);if(res.code===200){$('.input_img').attr('src',res.url);$('#team_logo').val(res.url);}else{layer.msg(res.msg,{icon:5});}},error:function(){layer.msg('上传异常',{icon:2})}});});后端代码/***+----------------------------------------------------...

layui 在springboot2.x 时,页面展示不了layui的问题

[[]]是thymeleaf的内联表达式,在script上加 th:inline="none"即可   报错信息 ...

layui + thymeleaf 动态拼接地址

1.第一种方式{url}进行占位,在后面的()里写入占位的值${url}是controller里面传过来的值<imgth:src="@{{url}{{d.userImg}}(url=${url})}">2.第二种方式{{d.userImg}}是layui的获取全局变量里的值,用单引号引起来<imgth:src="@{${url}+'{{d.userImg}}'}"/>后面可以继续拼接值如果是字符串只要用+和''引起来如:<imgth:src="@{${url}+'{{d.userImg}}'+'sea'}">如果是传过来的变量就只用+就行了<imgth:src="@{${url}+'{{d.userImg}}'+${url}}">...

layui 获取当前页和当前条数

//获取当前页varrecodePage=$(".layui-laypage-skip.layui-input").val();//获取当前页条数varrecodeLimit=$(".layui-laypage-limits").find("option:selected").val();...
代码星球 代码星球·2020-04-01

layui laytpl 语法

for循环 <scripttype="text/html"id="userImg"><ulclass="showImg">{{#for(vari=0,len=d.userImg.split(',');i<len.length;i++){}}{{#if(len[i]!=''){}}<li><imgsrc="${url}{{len[i]}}">{{#}}}{{#}}}</ul></script>userImg的数据是逗号分隔的字符串ifelse{{#if(d.gender===0){}} 女{{#}elseif(d.gender===1){}}  男{{#}else{}}  人妖{{#}}} ...
代码星球 代码星球·2020-04-01

layui util 工具时间戳转换

<scripttype="text/html"id="feedbackTime">{{#returnlayui.util.toDateString(d.feedbackTime,'yyyy-MM-ddHH:mm:ss')}}</script>初始化加载util  ...

layui 子iframe关闭的时候,父iframe 刷新当前页

在最后需要处理的函数里面写上$(".layui-laypage-btn").click();即可原理关闭子iframe的同时,触发分页的确认按钮从而可以获取到当前分页  ...

layui 弹出层显示问题

需要在body里面加上高度  <body>...
代码星球 代码星球·2020-04-01

layui 关闭当前的窗口 刷新父窗口

type-基本层类型 类型:Number,默认:0 layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)layer.closeAll();//关闭所有层 layer.closeAll(‘dialog’);//关闭信息框 layer.closeAll(‘page’);//关闭所有页面层 layer.closeAll(‘iframe’);//关闭所有的iframe层 layer.closeAll(‘loading’);//关闭加载层 layer.closeAll(‘tips’);//关闭所有的tips层//监听提交,发送请求form.on('submit(add)',function(data){$.post("<%=basePath%>platformUser/updateScore",data.field,functio...

layui行内编辑显示日期时间

社区找到的方法,记录一下,方便日后使用table部分cols:[[{field:'back_count',title:'数量',width:90,edit:'text',totalRow:true},{field:'arrival_date',title:'创建时间',width:200,edit:'text',event:'date',data_field:"dBeginDate"}]],data:[{dBeginDate:''}] 监听部分://监听单元格编辑table.on('edit('test')',function(obj){varvalue=obj.value//得到修改后的值,data=obj.data//得到所在行所有键值,field=obj.field;//得到字段layer.msg('[ID:'+data.id+']'+field+'字段更改为:'+value);});table.on('tool('test')',function(obj){varnewdata={};if(obj.event==='date'){varfield=$(this).da...

第一次使用Layui 分页

第一步:添加引用<linkhref="~/Content/layuiCMS/layui/css/layui.css"rel="stylesheet"/><scriptsrc="~/Content/layuiCMS/layui/layui.js"></script> 二、界面设计<divclass="layui-formnews_list"><divclass="layui-formusers_list"><tableclass="layui-table"><colgroup><colwidth="50"><col><colwidth="18%"><colwidth="8%"><colwidth="12%"><colwidth="12%"><colwidth="18%"><colwidth="15%"></colgroup><thead><tr><th>...

flask+layui+echarts实现前端动态图展示数据

效果图:该效果主要实现一个table展示数据,并在下方生成一个折线图。 实现方式:1、首先需要对表格进行一个数据加载,这里用到了layui的table.render,具体用法可以参考https://www.layui.com/doc/modules/table.htmlhtml部分:1<tableclass="layui-hide"id="reportTableId"lay-filter="currentTableFilter"></table>js部分:1<script>2layui.use(['form','table','echarts'],function(){3var$=layui.jquery,4form=layui.form,5table=layui.table;6echarts=layui.echarts;78//table.render()方法返回一个对象:vartableIns=table.render(options),可用于对当前表格进行“重载”等操作9tableIns=table.rende...
首页上一页...89101112下一页尾页