个人博客-LayUI/Layer 相关笔记

layui之动态绑定select下拉框数据

胡同里的砖头2024/1/15【LayUI/Layer】

layui之提交表单时复选框CheckBox取值问题

//提交 form.on('submit(LAY-user-role-submit)', function(data){ let roles = []; document.querySelectorAll("input[name='menus']:checked")…

胡同里的砖头2024/1/11【LayUI/Layer】

Layui之script动态渲染表单不显示单选复选框的问题

很多时候，你在动态模板中可能会放入一些类似于 layui 的 form 元素，而有些控件需要执行 form.render() 才会显示，这时，你可以对 lay-done 赋值一个全局函数，如：一定要通过获取数据之后回调，重新渲染表单<script type="text/html" template lay-url="接口地址" lay-done=&qu…

胡同里的砖头2024/1/11【LayUI/Layer】

Layui自定验证事件，需要较验格式但不是必填项

<input name="location" class="layui-input" lay-verify="number|Ndouble" type="text"/>//自定义表单验证 form.verify({ Ndouble:[ /^[1-9]\d…

胡同里的砖头2024/1/10【LayUI/Layer】

Layui之获取表单值和设置表单默认值

<form class="layui-form" action="" lay-filter='testForm'> <div class="layui-form-item"> <label class="layui-form-label">账号</lab…

胡同里的砖头2024/1/10【LayUI/Layer】

Layui之Table绑定数据与表单搜索的条件重复冲突问题

问题代码：table.render({ elem: '#LAY-app-content-comm' ,url: layui.setter.apiUrl+'/cabinet/get?a=1' ,where:form.val("app-content-comment") ,cols: [[ {field: '…

胡同里的砖头2024/1/10【LayUI/Layer】

Layui之Select 动态绑定

admin.req({ url: layui.setter.apiUrl+'/cabinet/get?page=1' ,done: function(res){ for(var i in res.data){ console.log(res.data[i].c_No); $("#cabinet_No&q…

胡同里的砖头2024/1/10【LayUI/Layer】

Layui前端更新修改后的信息，更新Json，删除行数据更新JSON

//行工具事件 table.on('tool(test-table-toolbar)', function(obj){ var data = obj.data; if(obj.event === 'del'){ layer.confirm('真的删除行么', function(index){ …

胡同里的砖头2024/1/8【LayUI/Layer】

LayuiAdmin如何在vscode里面运行

1.在vs code中安装插件“Debugger for Chrome” 2.点击调试打开使用本机chrom调试 3.全部替换以下代码{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "vers…

胡同里的砖头2024/1/3【LayUI/Layer】

layui.layedit无法获取值

<textarea name="text" id="text" placeholder="请输入内容" lay-verify="text" class="layui-textarea">@ViewBag.add.text</textarea>一定要注意lay-verify=&…

胡同里的砖头2023/3/3【LayUI/Layer】

layui 起始日期，结束日期判断日期大小限制选择

laydate.render({ elem: '#starttime' ,min: 0 ,max: 30 ,done: function(value, date, endDate){ laydate.render({ elem: '#endtime' ,min: value ,max: 20 …

胡同里的砖头2022/4/3【LayUI/Layer】

Layui之弹窗不居中问题解决

将html标签简写改成如下：<!doctype html>

胡同里的砖头2021/12/3【LayUI/Layer】

Layui之Calendar日历控件闪退问题

加上trigger: 'click’属性即可

胡同里的砖头2021/12/3【LayUI/Layer】

layui 之表单selext,radio等控件不引用样式

加上lay-ignore即可例如：<input type="radio" lay-ignore name="sex" />

胡同里的砖头2021/12/3【LayUI/Layer】

layer.open关闭事件

layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 area: ['420px', '350px'], //宽高 content: data.mgf, cancel: function(){//关闭事件 location.href="myding.php"; }});

胡同里的砖头2021/11/3【LayUI/Layer】

layui引入视频播放器，可支持mp4,flv等格式

内嵌式：//需要下载ckplayer插件包，可以官网的三方库进行下载 <div class="video" id="video" data-url="<?php echo $show['url'] ?>" style="width: 100%;"></div> …

胡同里的砖头2021/10/18【LayUI/Layer】

Layui富木编辑器layedit编辑器如何赋值？

layedit赋值方法如下/*** 设置编辑器内容* @param {[type]} index 编辑器索引* @param {[type]} content 要设置的内容* @param {[type]} flag 是否追加模式*/layedit.setContent(index, content, flag);flag是true，是追加模式，flag是false，赋值模式

胡同里的砖头2021/8/1【LayUI/Layer】