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

layui 点击链接复制内容到剪切板

vartableObj=table.render({id:'list_table',elem:'#list_table',url:'',align:"center",cols:[[//表头{type:'checkbox'},{type:'numbers',title:'序号',width:80},{field:'loc...

代码星球 ·2020-12-28

layui 表单动态添加、删除input框

样板图：html部分<divclass="layui-form-item"><labelclass="layui-form-label">路线</label><divclass="layui-input-block"id="last"><divclass="layu...

代码星球 ·2020-12-28

layui的table表格在同一单元格换行显示2个数据（layui-table） / 解决 layui table 一个单元格显示多行数据，以及操作栏样式错乱问题

先看一下最终效果图：1、css要设置行高为自动<styletype="text/css">.layui-table-cell{height:auto;}</style>2、html代码，使用templet模板：<tableclass="layui-table"lay-data="{url:...

代码星球 ·2020-12-28

layui的select监听

首先，select一定要放在<formclass="layui-form"></form>里面然后，加监听<selectid="id"lay-filter="testId"></select>，这里的testId就是监听的id最后，页面加载完执行监听1layui.use(...

代码星球 ·2020-12-28

Layui批量删除

两个按钮放在<script>中<scripttype="text/html"id="toolbarDemo"><divclass="layui-btn-containerdemoTable"><buttonclass="layui-btnlayui-btn-sm"lay-eve...

代码星球 ·2020-12-27

layui表格实现上传多张图片和显示多张图片

html代码:<divclass="layui-form-item"><labelclass="layui-form-label">上传照片</label><divclass="layui-input-inlineuploadHeadImage"><divclass...

代码星球 ·2020-12-27

layui获取树形菜单所有选中的值

本文章向大家介绍layui获取树形菜单所有选中的值，主要包括layui获取树形菜单所有选中的值使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。layui.use(['form','layedit','laydate','tree','util'],function(){va...

代码星球 ·2020-12-27

layui关闭iframe弹出层后刷新父级页面

需求：点击按钮->弹出iframe窗体->在iframe中的列表中选区需要的用户条目->确认并关闭窗体->在父级窗体中显示刚才选取的用户（刷新）。layer.open({type:2//此处以iframe举例,title:'名师列表',area:['800px','600px'],shade:0...

代码星球 ·2020-12-27

layui左侧导航栏全部展开问题

<liclass="layui-nav-item layui-nav-itemed">在li元素里去掉这个layui-nav-itemed的属性就可以做到刷新的时候不展开，想默认展开哪一个，加上这个属性就可以了作者：老先森_链接：https://www.jianshu.com/p/8a...

代码星球 ·2020-12-27

layui富文本编辑器添加图片回显问题详解

最近写项目中需要用到LayUI富文本编辑器，其他地方都挺好，唯独上传图片时，要不就是上传完成后回显404，要不就是访问时404（访问时我是新打开的一个页面），返回路径一直有问题，之后把返回的路径改成绝对路径就可以。效果图如下：先添加上传图片接口，layui会自动传递参数，...

代码星球 ·2020-12-27

layui富文本域form表单提交和ajax提交获取编辑器内容详解

最近写项目中需要用到LayUI富文本编辑器，提交时发现富文本编辑器中内容是空的，查了很多资料才发现，LayUI在渲染富文本域时，是在下面插入的样式代码。我们页面上定义的是一个textarea标签，之后用JS渲染的。我们获取的内容是textarea中内容，富文本域中的内容和textarea中的内容不是自动同步的，所以我们...

代码星球 ·2020-12-27

Layui数据表格/搜索重加载/分条件操作/工具条监听

<divclass="layui-layoutlayui-layout-admin"style="padding-left:20px;"><divclass="layui-row"style="margin-top:20px;">//搜索开始<formclass="layui-form"a...

代码星球 ·2020-12-27

layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

ayui使用官方的表单模块form.on('submit(sub)',function(){})提交，使用ajax请求向后台请求一个执行结果，根据结果进行处理，出现回调无法执行，并且页面出现了刷新之前也遇到过这个问题，直接使用将form标签修改成了div，通过jquery为提交按钮添加点击事件，而不用submit提交表...

代码星球 ·2020-12-27

layui多图上传

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>多图上传</title><linkrel="stylesheet"h...

代码星球 ·2020-12-27

多图上传控制器及模型代码（2）thinkphp5+layui实现多图上传保存到数据库，可以实现图片自由排序，自由删除。

公共css代码<style>.layui-upload-img{width:90px;height:90px;margin:0;}.pic-more{width:100%;left;margin:10px0px0px0px;}.pic-moreli{width:90px;float:left;margin-...

代码星球 ·2020-12-27