![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Layui
我有一个魔盒
这个作者很懒,什么都没留下…
展开
-
layui table 多选 全部数据及默认选中设置
默认单行是否选中:LAY_CHECKED Boolean 是否全选状态(默认:false)。必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。返回数据中添加LAY_CHECKED项(可修改标识名字:table = $.extend(table, {config: {checkName: '自定义名称'}});)data":[ {"name":"小红","LAY_CHECKED":true}, {"name":"小明","LAY_CHECKED":true},原创 2021-10-12 15:09:44 · 3908 阅读 · 0 评论 -
layer confirm 无法立即关闭
现象:在confirm内部使用各种方法都无法在点击“确定”后立即关闭弹出框,必须等函数执行完才关闭窗口。原因:内部调用了ajax,且ajax为同步请求方式。解决:ajax改为异步请求方式jquery的ajax:async: true,...原创 2020-11-23 18:33:12 · 1611 阅读 · 1 评论 -
layui2.x 当表格为空时,无法显示‘暂无相关数据’提示(initSort初始化排序)
貌似只能删掉以下代码initSort: { field: 'order_create_time' //排序字段,对应 cols 设定的各字段名 ,type: 'desc' //排序方式 asc: 升序、desc: 降序、null: 默认排序},而且为空时排序列无法连续点击而且initSort只是有图标效果,没有排序请求。最好是加上initSort,并写自己在where添加排序请求。...原创 2020-10-09 17:34:06 · 651 阅读 · 0 评论 -
layui2.x 子窗口关闭自己
var curIfr = parent.layer.getFrameIndex(window.name);parent.layer.close(curIfr);原创 2020-09-30 16:02:45 · 246 阅读 · 0 评论 -
layui2.x编辑单元格、失败恢复初始值
编辑单元格table渲染//在table.render({})中设置该列 { field: 'app_name', title: '名称', edit:true //此项使该列能够点击编辑 },监听(单元格被编辑,且值发生改变时触发)table.on('edit(test)', function(obj){ //注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值" console.log(obj.value); /原创 2020-09-23 18:13:21 · 1171 阅读 · 0 评论 -
layui2.x监听单元格点击事件及样式
在数据表格中设置event,根据event判断单元格列{ field: 'Name', title: '名称', sort:true, minWidth: 200, align: "center", event: "hostName", // 设置event style: "color: #01AAED;cursor:pointer;", // 设置单元格样式 templet: function (data) { return原创 2020-09-16 15:47:44 · 714 阅读 · 1 评论 -
layui引入layui的第三方插件(xm-select)
例子插件:xm-select插件js引入文件(xmSelect.js即插件入口文件):xmSelect/xmSelect.js layui.config({ base: '静态文件根路径/' }).extend({ // 根路径下的具体路径(xmSelect/xmSelect.js) xmSelect: 'xmSelect/xmSelect' }).use(['xmSelect'], function () { // 开始使用xmSele原创 2020-09-11 16:49:25 · 3615 阅读 · 0 评论 -
layui改变时间日历的布局大小
方法是重新设置日历样式:#test-n1 .layui-laydate-main{width:600px;}#test-n1 .layui-laydate-content td,#test-n1 .layui-laydate-content th{width:87px;height: 50px;}完整代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&转载 2020-09-09 17:34:57 · 2429 阅读 · 2 评论 -
layui2.x 开关状态的获取与设置
html// div容器的class必填<div class="layui-form" lay-filter="formList"> <form> <table class="larry-hide" id="tableList" data-url="{:url('Index/hostList')}" lay-filter="tableList"> </table> </form></div原创 2020-09-02 11:02:02 · 847 阅读 · 0 评论 -
Layui数据表格内的开关滑块
提示:整个表格要在form标签内定义开关模板 <!-- 开关模板--> <script type="text/html" id="app_server_status"> <input type="checkbox" name="app_is_on" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="app_server_status"原创 2020-08-26 17:56:29 · 1009 阅读 · 0 评论 -
Layui子窗口调用父窗口use中的函数
弹出子窗口类型(type: 2,iframe层)父页面layui.use('layer', function () { // 函数 function test() { alert(1); } // 将函数放入窗口 window.test= function(){ test(); };}子页面调用window.parent.test();原创 2020-08-26 16:27:46 · 1776 阅读 · 2 评论 -
Layui修改开关默认值‘on‘为1
在其中加入value=‘1’<input type="checkbox" name="" value="1" lay-skin="switch" lay-text="开启|关闭">原创 2020-08-24 16:56:58 · 3379 阅读 · 0 评论