为您找到搜索结果:166个
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 + 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();...
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{}} 人妖{{#}}} ...
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>...
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...