精华内容
下载资源
问答
  • layui问题
    2019-06-03 14:26:13

    layui.upload不支持ie9,求教不知道有没有解决方法?

    更多相关内容
  • 今天小编就为大家分享一篇layui问题之模拟select点击事件的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui问题之渲染数据表格时,仅出现10条数据的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui问题之自动滚动二级iframe页面到指定位置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui问题之模拟table表格中的选中按钮选中事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui问题之模拟select点击事件 一、问题 不操作页面,实现模拟select的事件,即,自动出现下拉框,自动点击下拉框的值,select文本框的值随之改变 1 二、经过 刚开始查看layui官方文档,发现仅仅只是有select监听...

    layui问题之模拟select点击事件

    一、问题
    不操作页面,实现模拟select的事件,即,自动出现下拉框,自动点击下拉框的值,select文本框的值随之改变
    1
    二、经过
    刚开始查看layui官方文档,发现仅仅只是有select监听事件,即:
    1
    form.on(‘select(filter)’, function(data){
    console.log(data.elem); //得到select原始DOM对象
    console.log(data.value); //得到被选中的值
    });
    1
    2
    3
    4
    但是,这个事件需要操作页面,不可取。
    1
    三、结果
    查看layui源码,关于select事件的实现,在form.js中,看实现的原理。自动触发select点击原理就是:
    1、找到当前select的下一个div.layui-select-title节点的子元素,即input或者i,实现点击事件。
    2、上一步骤完了之后,出现下拉框,但是下拉框还没有点击事件;需要再实现你想让下拉框里面的哪个值有点击事件。此时,需要通过select找到下拉框dl里面的dd的具体的值,然后实现点击事件。
    这样就完整的实现了模拟select点击事件。
    源码:
    1
    2
    3
    4
    5

    直接选择或搜索选择 layer form layim 1 2 3 4 5 6 7 // JS: $('select[name="modules"]').next().find('.layui-select-title input').click();

    $(‘select[name=“modules”]’).next().find(’.layui-anim’).children(‘dd[lay-value=“20”]’).click();
    1
    2
    3
    4
    虽然实现了效果,实际上看不出来效果,加一个延迟就可以了:
    1
    // 优化后的js
    $(‘select[name=“modules”]’).next().find(’.layui-select-title input’).click();

    // 延迟3s再实现自动点击下拉框事件

    setTimeout(function () {
    $(‘select[name=“modules”]’).next().find(’.layui-anim’).children(‘dd[lay-value=“20”]’).click();

    },3000);
    ————————————————
    原文链接:https://blog.csdn.net/yan263364/article/details/78980632

    展开全文
  • 前端页面1 2 3 类别4 5 6 7 8 9 10 11 确定添加12 13 14 JS代码1 layui.use(['form'],function(){2 var form = layui.form3 ...

    前端页面

    1

    2

    3 类别

    4

    5

    6

    7

    8

    9

    10

    11 确定添加

    12

    13

    14

    JS代码

    1 layui.use(['form'],function(){

    2 var form = layui.form

    3 , layer = layui.layer;

    4 form.render();

    5 form.on('submit(addform)', function (data) {

    6 $("form#formAdd input[type='radio']:checked").each(function(){

    7 data.field[$(this).attr('name')] = $(this).attr('title')

    8 });

    9 $.ajax({

    10 type: "GET",

    11 contentType: "application/json; charset=utf-8",

    12 url: '/url_str/',

    13 data: data.field,

    14 dataType: 'json',

    15 success: function (result) {

    16 if (result.flag == 1) {

    17 layer.msg("记录添加成功");

    18 } else {

    19 layer.alert(result.message);

    20 }

    21 },

    22 error: function (XMLHttpRequest, textStatus, errorThrown) {

    23 console.log(XMLHttpRequest.status);

    24 console.log(XMLHttpRequest.readyState);

    25 console.log(textStatus);

    26 }

    27 });

    28 return false;

    29 });

    30 });

    来源:https://www.cnblogs.com/rn-05181226-rw/p/12420688.html

    展开全文
  • Layui中需要使用Json字符串进行传参,JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。在使用JSON.parse()需要注意一点,由于此方法是将JSON字符串...

    问题一:JSON.stringify() 用法

    • 在Layui中需要使用Json字符串进行传参,JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。在使用JSON.parse()需要注意一点,由于此方法是将JSON字符串转换成对象,所以你的字符串必须符合JSON格式,即键值都必须使用双引号包裹

    问题二:Ajax 报错 Uncaught ReferenceError: $ is not defined

    image-20200713121209493

    原因:是因为我们没有预先加载和定义$,layui 的内置模块并非默认就加载的,他必须在你执行该方法后才会加载。使用

    var $ = layui.jquery;
    

    来引入Jquery模块。

    问题三、Layui 表单提交后自动刷新,导致前端无法打印日志调试

    原因:表单提交按钮为submit 提交后自动刷新页面。

    解决办法:将表单的submit 改为button 类型,或者取消按钮的类型。

    问题四、在JavaScript中定义的全部变量无法赋值

    问题原因:使用了Layui,在用户登录后查询当前用户id,并将用户id作为数据表格初始化的参数传入后台进行查询。始终无法将查询到的用户id赋值给全局变量。

    image-20200715153942247

    解决办法:原因是Jquery的ajax是异步的,所以大多时候没执行完AJAX就执行其他代码的了,导致无法立刻获得后端传递的数据。关闭Ajax的异步请求即可。

    设置ajax的async:false, 如果这样, 浏览器就会等待ajax执行完毕再执行下面的代码

    展开全文
  • 有大神知道这个是什么问题吗 function checkTreeNodes(ids){ tree.setChecked('roleAuthTree', ['1','2']); //勾选指定节点 } 一直在未定义
  • (路径问题) 在springboor的解析过程中,默认访问/resources/static的静态资源,所以如果将layui文件直接放入resources文件夹下,如下: web文件的css样式路径如下: <link rel="stylesheet" href="./layui/css...
  • layui问题汇总

    千次阅读 2020-05-05 22:01:46
    问题索引: 1.form表单 1.form表单 html: <form class="layui-form" action="" lay-filter="example"> <!-- ------------------------------------------ --> <div class="layui-form-item"> &...
  • 今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇关于Layui Table隐藏列问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 最近学习了前端的layui框架,感觉挺智能的 但是新人入坑总是会遇到一些比较让人棘手的事情 比如 select联动被table 遮挡住
  • 今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇解决layui弹框失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇解决layui checkbox 提交多个值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇关于layui时间回显问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 问题:ajax请求成功,然后弹个窗提示,时间3秒,然后关闭页面(不是关闭layer.msg的弹窗),返回上一页面,但是直接就返回上一页面了,这是怎么回事? 解决方法:layer.msg("Request Succeeded!", { icon: 1, ...
  • layui问题之自动弹出日期控件

    千次阅读 2018-02-28 14:44:03
    前提:用的layui框架 目标:不需要自己点击,自动弹出日期控件 问题:没有反应。。 二、经过 刚开始,都是用 $("input[name='revocationTime']").click(); 找到的,可以自动弹出日期控件。后来在...
  • 今天小编就为大家分享一篇解决LayUI表单获取不到data的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇解决layui的input独占一行的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,110
精华内容 6,444
关键字:

layui问题