layUI主题的文章列表，还有layUI的技术要点_第3页

layui之获取form表单的radio

form表单是这样的：<divclass="layui-form-item"><labelclass="layui-form-label">单选框</label><divclass="layui-input-block"><inputtype="radio"name...

代码星球 ·2021-02-09

layui之在table使用模版语言

1，一个是简单的例子，代码如下,作用是点击地址跳转的：{field:'url',title:'链接地址',templet:'#urlTpl'},//绑定tpl表达式<scripttype="text/html"id="urlTpl"><ahref="{{d.url}}"target="_blank"&...

代码星球 ·2021-02-09

layui之在table的编辑的按钮的思考

点编辑的时候，如果没有在html界面写form，而是在同级目录下写的修改html的话呢，就可以在点编辑按钮的时候，调用打开tab的方法，把form的html打开，而不用去后台转发...

代码星球 ·2021-02-09

layui里面，子界面怎么调用父界面方法

1，如果是iframe嵌套的父界面，就用window.parent.父界面的函数。2，如果是window.open打开的子界面，就用opener. ...

代码星球 ·2021-02-09

layui社区源码笔记之fly-list

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><!--<linkrel="stylesheet"href="../res/css/...

代码星球 ·2021-02-03

layui社区源码笔记之user-rank

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.fly-panel-title{position:relative;...

代码星球 ·2021-02-03

layui社区源码笔记之layui-input form

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.fly-search{position:relative;margi...

代码星球 ·2021-02-03

layui社区源码笔记之fly-tab

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.fly-tabspana{height:36px;line-heig...

代码星球 ·2021-02-03

layui社区模板主页框架分析

html代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkhref="reset.css"rel="stylesheet"t...

代码星球 ·2021-02-03

layui表单与原生js表单的一些小问题（三）

获取table中当前行的某一项的值（innerHTML）varvalue=$(this).parent().parent().find("td")当你通过js代码自动生成DOM元素时，可能会发现生成的button监听不到，先看代码：vart="<trclass="+data.field.classs+">&...

代码星球 ·2021-02-02

layui表单与原生js表单的一些小问题（二）

layui表单添加验证：之前写过，链接如下1.layui自带表单验证：https://www.cnblogs.com/a973692898/p/11577502.html2.layui使用自定义表单验证，正则表达式：https://www.cnblogs.com/a973692898/p/11683733.html原生...

代码星球 ·2021-02-02

layui表单与原生js表单的一些小问题（一）

首先先说一下layui吧在layui的form表单中，我们可以通过监听按钮点击，获取到，当前表单中的所有key和value例如：需要各位自己去引入layui的js和css咯HTML代码：<formclass="layui-form"action=""><divstyle="float:left;"&g...

代码星球 ·2021-02-02

监听layui中的table中的td点击事件

上图就是用layui生成的一个table表格;在这里我们给td绑定class,再通过jq的方式去监听是不可行的;会监听不到事件;不过在layui中,给了监听方法,并且还可以获取到该行所有的数据;<tableclass="layui-table"id="listTable"lay...

代码星球 ·2021-02-02

layui table表格字段过长，鼠标放到上面展示完整信息

table.render({cols:[[{checkbox:true}//多选框,{field:'id',title:'ID'},{field:'name',title:'名字'}]],done:function(res,curr,count){tabTitle();//调用方法}});tabTitle方法：func...

代码星球 ·2021-02-02

layui 将json字符串以表格的形式展现出来

先看下Json数据：[{"name":"定/即时采集","code":"TIMER","value":"11111aaa"},{"name":"设备管理员","code":"MANAGER","value":"2222bbb"},{"name":"设备位置","code":"LOCATION","value":"333...

代码星球 ·2021-02-02