为您找到搜索结果：166个
快速了解layui中layer的使用
这两天写项目的时候用到layer，于是又把layui找出来看了看，layui确实是一个比较强大的前端框架，里面涵盖了很多的前端元素，而这对于前端的开发者来说是省了很大的麻烦，从一些页面元素到内置模块，都是采用了尽量少的代码来渲染页面，所以，我觉得自从用了layui就觉得对我的整个写项目过程中节省了不少时间。 今天就来说说关于layui里的layer的使用，主要提及的是pc端的用法，有时间再专门聊聊关于移动这一块的，其实应该都是大同小异。 layer说白了属于layui里的一个独立出来的弹层框架，但是由于近期layui在一直更新，所以现在的layer可以独立使用，也可以通过Layui模块化使用。所以请按照你的实际需求来选择。一、引用场景不同 1、 作为独立组件使用： 如果你只是单独想使用layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。引入好layer.js后，直接用即可<scriptsrc="layer.js"></script>&...
layui-多重表头空行问题
表头代码:[{rowspan:2,field:'ORG_NAME',title:'分行/项目',align:'center'},{colspan:2,title:'下浮',align:'center'},{colspan:1,title:'基准',align:'center'},{colspan:5,title:'上浮',align:'center'}],[{field:'LOWER_ZERO',title:'[0,0.7)',sort:false,align:"right"},{field:'LOWER_ONE',title:'[0.7,1)',sort:false,align:"right"},{field:'DATUM',title:'1',sort:false,align:"right"},{field:'FLOAT_ONE',title:'(1,1.1]',sort:false,align:"right"},{field:'FLOAT_TWO',title:'(1.1,1.2]',sort:false,align:"right"},{field:'FLOAT_THREE',t...
layui-表格where缓存问题
方法一：修改table.jsi.config=t.extend(!0,{},i.config,e)方法二：借鉴他人修改table.jsvard=t.extend(r,a.where);a.where={};方法三：修改每一个table.render()varmedian;search:function(){//搜索if(median!=null){median.where={};}table.reload('cocust_index_table',{//重载done:function(){median=this;},page:{curr:1//重新从第1页开始}});}, ...
layui-table表格拼接显示
1<tableid="tasklook_table"lay-filter="tasklook_table"class="layui-table">2<!--<thead>3<trid="tasklook_thead">4</tr>5</thead>6<tbodyid="tasklook_tbody">78</tbody>-->9</table>1$('#search').on('click',function(){2varwayCode=$("#wayCode").val();3if(""==wayCode){4layer.alert("请选择考核方案")5}6varorgIds=$('#orgIds').val();7varorgNames=$('#orgNames').val();8vartrgNames=$('#trgNames').val();9vartargetCodes=$('#targetCodes').val();10varjson={};11json.wayCo...
layui.laytpl中js方法书写及调用:去除html标签
1<scripttype="text/html"id="conTpl">2 3{{#4vardelhtml=function(str){5returnstr.replace(/<[^>].*?>/g,'');6}7}}89{{delhtml(d.contant)}}10 11</script> ...
在layui layer 弹出层中加载 layui table
1layui.use('table',function(){2vartable=layui.table;3layer.open({4type:1,5area:["600px",'430px'],6title:"选择模板",7maxmin:false,8content:'<div><tableid="templateTable"></table></div>',9success:function(index,layero){1011table.render({12elem:'#templateTable'13,height:30014,width:'100%'15,url:'${ctx}/oa/wzsc/oaWzscTemplate/listJson'//数据接口1617,page:true//开启分页18,cols:[[//表头19{type:'radio'}20,{field:'name',title:'模板名称',width:200,sort:true}21,{field:'detail',title:'描述',width:330}2...
layui的弹窗加载使用
有三种加载的图案第一种是默认的：layer.load();第二种就是圆圈转的layer.load(1);第三种：layer.load(2,{time:10*1000}); ...
layui之获取form表单的radio
form表单是这样的：<divclass="layui-form-item"><labelclass="layui-form-label">单选框</label><divclass="layui-input-block"><inputtype="radio"name="sex"value="男"title="男"><inputtype="radio"name="sex"value="女"title="女"checked></div></div>用jquery获取radio如下：varvalue=$("input[name='sex']:checked").val();console.log(value);同理form表单里面的checkbox也是一样的<divclass="layui-form-item"><labelclass="layui-form-label">复选框</label><divclass="layui-input-block"&g...
layui之在table使用模版语言
1，一个是简单的例子，代码如下,作用是点击地址跳转的：{field:'url',title:'链接地址',templet:'#urlTpl'},//绑定tpl表达式<scripttype="text/html"id="urlTpl"><ahref="{{d.url}}"target="_blank">{{d.url}}</a></script>2， 判断数字的template，代码如下：{field:'hot',title:'是否热门',templet:'#hotTpl'},<scripttype="text/html"id="hotTpl">{{#if(d.hot==1){}}<pcolor="blue">是</p>{{#}else{}}<pcolor="blue">否</p>{{#}}}</script>注意：只有js的代码，采用 {{#}} 包裹遇到还有别的就，...
layui社区源码笔记之fly-list
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><!--<linkrel="stylesheet"href="../res/css/global.css">--><style>h1,h2,h3{font-size:14px;font-weight:400;}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}.fly-list.fly-list-li{position:relative;height:45px;margin-top:0;padding:10px010px75px;border-bottom:1pxdott...
layui社区源码笔记之user-rank
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.fly-panel-title{position:relative;height:40px;line-height:40px;padding:015px;margin-bottom:5px;background-color:#f8f8f8;color:#333;border-radius:2px2px00;font-size:14px;}.leifeng-rank{margin-bottom:15px;padding-bottom:15px;}.fly-panel{background-color:#fff;border-radius:2px;}.leifeng-rankdl{margin-left:15px;font-size:0;}.leifeng-rankdd{position:relative;width:65px;height:...