Layui
appleคิดถึง
在学习,在分享,在路上
展开
-
Layui表格向下滑动时表头固定悬浮
Layui表格向下滑动时表头固定悬浮原创 2024-07-25 14:21:05 · 238 阅读 · 0 评论 -
layui 让table里的下拉框不被遮挡
layui 让table里的下拉框不被遮挡原创 2024-07-17 10:36:22 · 361 阅读 · 0 评论 -
layui 监听弹窗关闭并刷新父级table
layui监听弹窗关闭并刷新父级table原创 2024-07-17 10:29:04 · 517 阅读 · 0 评论 -
layui一个页面多个table显示时工具栏被下方的table遮挡
layui多个表格显示时工具栏的可能会被下方表格遮挡原创 2024-06-13 15:12:51 · 242 阅读 · 0 评论 -
wangEditor富文本编辑器与layui图片上传
记录:js 显示默认的wangEditor富文本编辑器内容和图片原创 2024-05-08 14:36:21 · 651 阅读 · 1 评论 -
layui 使用xm-select实现下拉框多选
记录:layui 使用xm-select实现下拉框多选原创 2022-09-08 11:59:01 · 1586 阅读 · 0 评论 -
layui 使用xm-select实现下拉框多选
xm-select原创 2022-07-02 09:11:20 · 2071 阅读 · 1 评论 -
tree.render设置默认折叠
记录:tree.render设置默认折叠,此设置比较特殊,由后台返回数据参数spread决定php 代码: /** * 根据角色ID获取授权节点 * @param $authId * @return array * @throws \think\db\exception\DataNotFoundException * @throws \think\db\exception\DbException * @throws \think\db\原创 2022-03-12 10:06:52 · 1368 阅读 · 0 评论 -
treetable.render设置默认折叠
记录:treetable树状结构,设置默认折叠treeDefaultClose:true, //是否默认折叠完整示例:define(["jquery", "easy-admin", "treetable", "iconPickerFa", "autocomplete"], function ($, ea) { var table = layui.table, treetable = layui.treetable, iconPickerFa = layui原创 2022-03-12 08:52:28 · 1791 阅读 · 0 评论 -
layui table.render渲染关联数据undefined
记录:解决layui table.render渲染关联数据时,若未关联到数据显示undefinedjs代码define(["jquery", "easy-admin"], function ($, ea) { var init = { table_elem: '#currentTable', table_render_id: 'currentTableRenderId', index_url: 'peisong.zpd/index',原创 2022-03-11 11:01:19 · 1989 阅读 · 0 评论 -
layui table 渲染动态列及列数据
记录:接上篇博文,记录table 渲染动态列及列数据图示:HTML代码:<div class="layui-form-item dun_price_div" {if condition="($row.wuliu_style != 1)"}style="display:none"{/if}> <label class="layui-form-label"></label> <div class="layui-input-block">原创 2021-06-16 10:34:56 · 2797 阅读 · 0 评论 -
layui table 动态追加行与列
记录:layui 实现table动态增加行与列功能。需求图示:效果展示:HTML代码示例: <div class="layui-form-item"> <label class="layui-form-label required">物流费用</label> <div class="layui-input-inline"> <select name="wuliu_style" lay-verify原创 2021-06-16 10:16:06 · 2841 阅读 · 0 评论 -
layui 打印table表格某一行数据
记录:layui 打印table表格某一行数据 $('body').on('click', '.print_apple', function () { $(this).removeAttr("data-open"); //禁止打开弹窗页面 var thisHang = $(this).parent().parent().parent(); var indexs = thisHang.attr('data-index'); console.log(indexs)原创 2021-06-15 11:21:10 · 797 阅读 · 0 评论 -
laydate实现日期多选
记录:layui laydate实现日期多选HTml代码:<link rel="stylesheet" href="__PUBLIC__/layui-v2.5.7/layui/css/layui.css" media="all"><script src="__PUBLIC__/layui-v2.5.7/layui/layui.js" charset="utf-8"></script><div class="layui-form layui-form-pan原创 2021-03-25 17:41:10 · 2004 阅读 · 1 评论 -
layui tableSelect 数据表格下拉框(多选或单选)
记录:使用tableSelect插件实现下拉框表格,并多选或单选数据HTML代码:<!-- 部分代码 --><tr> <td><label class="layui-form-label required">巡防点</label></td> <td> <input type="text" name="point" class="layui-input" lay-verify="re原创 2021-03-12 09:10:05 · 11990 阅读 · 1 评论 -
easyadmin笔记
记录:easyadmin相关小知识点1,二级页面操作完成后,关闭当前页面,并刷新index页面表格 rksure: function () { //确认入库 ea.listen(function (data) { return data; }, function (res) { ea.msg.success(res.msg, function () {原创 2021-02-22 12:26:48 · 409 阅读 · 0 评论 -
layui table动态渲染二级联动select下拉框
记录:layui table动态渲染二级联动select下拉框HTML代码:<style> #mytable{ min-width: 750px; } #mytable tr:hover{ background-color: #fff } #mytable td{ border: hidden; text-align: right; color: #000; }原创 2021-02-21 17:53:54 · 1435 阅读 · 4 评论 -
常用css样式
记录:常用css样式背景图片横向,纵向全铺.img{ width: 100%; background: url(../images/mobile_index_bg.png) 0 0 repeat; height: calc(100%); box-sizing: border-box;}从顶部向下平铺距离底部150px处:.img{ height: calc(100% - 150px);}...原创 2021-02-18 14:22:13 · 92 阅读 · 0 评论 -
layui 表格自动渲染数据合并单元格
记录:layui 表格自动渲染数据合并单元格 table.render({ elem: '#Table', title:"", url: url, toolbar: '#toolbar', where: $('form').serialize(), // page: true, cols: [[ {titl原创 2021-01-27 15:52:24 · 320 阅读 · 0 评论 -
layui table动态追加(删除)一行,并进行原始数据渲染
记录:layui table.render动态追加(删除)一行数据,并对原有数据进行渲染场景:修改商品入库任务时:首先进行对客户已选择的入库商品进行遍历渲染可追加入库商品,点击新增商品按钮时,弹出此客户名下的商品列表,此列表可搜索商品,可选择某行商品可删除入库商品当切换客户时,需要将已选择的入库商品列表清空HTML代码: <!-- 选择客户--> <div class="layui-form-item layui-row layui-col-xs12"原创 2021-01-11 10:58:28 · 2559 阅读 · 1 评论 -
layui table.render开启复选框并设置选中
记录:layui table.render开启复选框checkbox,并根据返回值设置复选框选中。HTML代码: <div class="layui-form-item"> <label class="layui-form-label">物料</label> <div class="layui-input-block"> <table class="layu原创 2021-01-07 09:38:51 · 4824 阅读 · 2 评论 -
onclick=“addFeiFunc(this)” ,报错方法不存在
记录:οnclick=“addFeiFunc(this)” ,报方法不存在原因:方法定义格式不对HTml代码:<button type="button" class="layui-btn layui-btn-xs add" onclick="addFeiFunc($(this))">+</button>错误格式:<script src="__STATIC__/jquery.min.js?v={$version}" charset="utf-8"></s原创 2020-12-24 15:03:27 · 440 阅读 · 1 评论 -
layui 使用laydate动态创建多个时间选择框
记录:layui框架, js使用 laydate动态创建多个时间选择框,点击无效问题。此外,使用laydate时间选择框生效的关键一点是,laydate框架会给input输入框增加一个lay-key=“1”,1也可能是其他数字。例如下图所示,js实现动态添加多行数据,并使用laydate动态创建多个时间选择框HTML代码:<style> .layui-table th{padding: 9px 5px;} .layui-table td{ padding: 9px原创 2020-12-24 14:53:32 · 1894 阅读 · 2 评论 -
layui 地区三级联动
记录一下:HTML代码示例:<form class="layui-form" action="" method="post" target="hidden_iframe"> <div class="city"> <div class="layui-input-inline"> <select name="provid" id="pro...原创 2020-03-06 16:18:12 · 576 阅读 · 1 评论 -
Layui laypage分页
JS将后端给的全部数据进行分页,代码示例:<script> //JavaScript代码区域 layui.use(['element', 'laydate', 'layer', 'layedit', 'form','laypage'], function () { var form = layui.form, ...原创 2019-12-18 18:15:04 · 755 阅读 · 0 评论 -
Layui 动态渲染select框
描述: 选择部门,出来对应部门下面的分组,HTML代码如下:<form class="layui-form" name="myform" method="post" action=""> <div class="layui-form-item"> <div class="layui-inline&q原创 2018-12-04 09:39:56 · 6388 阅读 · 2 评论