精华内容
下载资源
问答
  • 【问题描述】在列表页面中,点击编辑按钮后,弹出一个layer层,在层中修改缩略图,但上传操作只执行了一次【问题所在】每次layer.open的时候都执行一次upload.render【解决方案】把upload.render放到layer.open的...

    【问题描述】

    在列表页面中,点击编辑按钮后,弹出一个layer层,在层中修改缩略图,但上传操作只执行了一次

    image.png

    image.png

    【问题所在】

    每次layer.open的时候都执行一次upload.render



    【解决方案】

    把upload.render放到layer.open的外面就解决了

    展开全文
  • 个简单的没有技术含量的方法
  • <button id="test6230">测试按钮</button> $("#test6230").click(function () { alert("我有闪现"); }); $(document).on('click',"#test6230",function () { alert("我有闪现");...
    <button id="test6230">测试按钮</button>
           $("#test6230").click(function () {
               alert("我有闪现");
           });
           $(document).on('click',"#test6230",function () {
               alert("我有闪现");
           })
    
    
    展开全文
  • Layui 表格table 第一次加载动态设置列 1、PHP传动态数据到前端;前端json一下;循环设置 cols[0] 的值 2、PHP代码 $types = [ 1 => '类型1', 2 => '类型2', 3 => '类型3' ]...

                                                                        Layui 表格table 第一次加载动态设置列

    1、PHP传动态数据到前端;前端json一下;循环设置 cols[0] 的值

    2、PHP代码

    $types = [ 1 => '类型1', 2 => '类型2', 3 => '类型3' ];
    foreach ($types as $k => $v){
        $storeName = 'type_'.$k;
        $result[] = [
            'id' => $k,
            'field' => $storeName,
            'title'=> $v
        ];
    }
    $this->assign('result', $result);
    return $this->fetch();

    3、JS代码

    <script>
        let result = {:json_encode($result)};
        layui.use(['table'], function(){
            let $ = layui.$,
                table = layui.table;
    
            //动态组装列数据
            let cols = [
                    {field: 'name', title: '姓名'},
                    {field: 'age', title: '年龄'}
                ];
    
            //根据result渲染列
            let length = result.length;
            for(let i=0; i<length; i++){
                cols.push({field: result[i]['field'], title: result[i]['title']});
            }
            cols.push({field: 'create_time', title: '创建时间'});
    
            //表格渲染
            let tableIns = table.render({
                elem: '#id' //表单挂载对象
                ,url: '/././'   //获取数据的后台接口
                ,cols: [cols]
                ,text: {
                    none: '暂无相关数据!'
                }
                ,where:{delivery_time: '1579142378'} //默认查找条件,where属性可不设置
                ,page: false    //是否打开分页
                ,parseData: function(res) {
                    return {
                        code: res.code,
                        msg: res.msg,
                        count: res.data.count,
                        data: res.data.data
                    }
                }
                ,done:function(res, curr, count){
                }
            });
        });
    </script>

     

    展开全文
  • //前置条件判断,无关紧要 if (formSelects.value('pageDefinitionIds').length === 0) { layui.notice.warning("请先配置 [XXXXXX] 信息"); return false; } //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9...
    //赋值变量
        var uploadInst = upload.render({
            elem: '#test10'
            , url: ''
            , auto: false //选择文件后不自动上传
            , accept: 'file' //普通文件
            , number: 1
            , size: 10000
            , exts: 'txt' //只允许上传压缩文件
            , choose: function (obj) {
               //核心 !核心 !核心!
                uploadInst.config.elem.next()[0].value = '';
                //前置条件判断,无关紧要
                if (formSelects.value('pageDefinitionIds').length === 0) {
                    layui.notice.warning("请先配置 [XXXXXX] 信息");
                    return false;
                }
                //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
                obj.preview(function (index, file, result) {
                    obj.pushFile(); //再把当前文件重新加入队列
                    var txt = result.replace(/^data:text\/\w+;base64,/, "");//去掉base64位头部
                    var urlStr = Base64.decode(txt).split("\r");
                    console.log("urlStr : %s", urlStr);
                    if (urlStr !== undefined && urlStr.length > 0) {
                        var startRequest = [];
                        for (index in urlStr) {
                            startRequest.push({url: urlStr[index].replace("\n", ""), reqBody: "", pageType: "DYNAMIC"})
                        }
                        startReqEditor.set(startRequest);
                    }
                });
                return true;
            }
        });
    
    展开全文
  • 问题:上传相同文件第二次之后不会触发choose,只有第一次有效 解决: var uploadRender = upload.render({ elem: '#test' ,url: 'xxx' //改成您自己的上传接口 ,accept: 'file' //普通文件 ,choose: function...
  • layui封装

    2021-02-01 03:43:43
    //Author :chenzihao//Date :2018/8/27//Discrption:自定义公共方法(持续扩充ing)layui.define([‘layer‘, ‘form‘, ‘table‘, ‘jquery‘], function (exports) {//内置laydui对象var $ = layui.$;var layer = ...
  • “槽糕layui表单会提交俩,你遇到过吗?”前言使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊!“如果你想直接知道解决方案,那就直接到第三小节即可。”...
  • 因为主框架是通过 jquery.html() 来加载页面, 会导致layUI表单提交事件多触发 ``` // load子页面 window.onhashchange = function () { var surl = location.hash.replace("#", ""); var htmlobj =...
  • 根据官方文档: <!DOCTYPE html> <html> <head> <meta charset="utf-8">...Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-U...
  • layui form 提交按钮触发两 今天测试项目的时候出现了个很诡异的BUG,每次点提交按钮凑会触发两提交按钮, 导致每次创建记录的时候都创建双份的,查了半天什么也没发现。 最后上网查才发现是引用了两次layui...
  • layui批量删除按钮只能使用一次的解决方法 遇到的问题 点击删除按钮,第一次可用,第二次不可用 按钮的代码<div id="ad-btn" style="display: none;"> <button type="button" class="layui-btn layui-btn...
  • 监听submit提交 首先在layui中监听表单提交事件 form.on('submit(*)', function(data){ console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象 console.log(data.form) //被执行提交的form对象...
  • 我再去重复覆盖上传发现不能选同个了。虽然平时上传也根本不可能连着上传摸一样得内容。但是有个特定的场景: 我的编辑页面有个上传图片。我打开准备上传个图片,上传以后不想提交就点击关闭,等我下次在打开...
  • layui上传因为二次渲染导致第一次好使,第二次不好使问题的解决 原因:导致该情况的原因是table表格刷新导致二次渲染upload,所以第二次点击上传按钮无反应。 解决:把 upload.render({ elem: ‘#excelImport’ ,url...
  • layui的官方地址:https://www.layui.com/doc/element/tab.html 根据官方文档:tabs依赖element模块,所以要先引入。触发监听事件如图: 但这里你会发现,每点击切换data会打印两。如何解决呢? 由于layui...
  • accept: 'file', data: {} , multiple: false, exts:'|xlsx|xlsm|xlsb|xls|xltx|xltm|xlt', auto: false, size:10 * 1024, choose: function (obj) { // 清空历史上传文件,解决choose只执行一次的问题!...
  • 猜测重新去请求样式,导致加载不及时,所以第一次打开的时候,内容没有被加载出来,第二次打开的时候因为有了缓存,所以能正常显示内容。 我的解决办法是既然要重新去请求,那直接放到页面上就不会重新去请求了。...
  • 我的原因的 一次性引入了 两个 layui.js 删除一个就行了
  • 将注册按钮事件写到加载的第layui模块中,可防止多加载表格后触发多data-type点击事件,代码如下: <button class="layui-btn layui-btn-sm" title="添加行" data-type="addRow"><img style=...
  • 博主写的项目中有需求是在个弹出层上再弹出另个弹出层,然后做完测试的时候发现,当你在点击多第二个弹出层时会非常卡顿,并且cpu顿时彪上去,测试发现弹出层的success的函数当你点击了多少它就执行了多少,而...
  • //只有执行了这一步,部分表单元素才会自动修饰成功 var $ = layui.jquery; form.render();//这里要加上 }) 情况2,如果情况1还不能解决问题,请更换js引用 可能是引用js错误,区别对待layui.js和layui.all.js...
  •  在写好表之后,测试时会发现,当你点击第行的“修改”,突然不想修改了,关闭了“修改”的弹窗,但是这时候你想到刚才第行的修改还有地方要修改,你重新点击“修改”按钮,这时候它似乎故意跟你过不去似的,...
  • layui-col-md-offset1 第一次上传文件正常,第二次上传文件,没有触发调用接口的问题 开始的时候,使用的是动态生成的,的 html 页面,这样在第一上传的时候是没有问题,但是将页面关闭后,第二次上传的时候,会...
  • 那么今天就来探讨一下layui下搜索一次后按钮失效是为什么呢? 其实 是dom被重构了,事件监听不到。 var $ = layui.$, active = { reload: function(){ var demoReload = $('#demoReload'); //执行重载 table....
  • 由于需要做三级联动菜单,当我用“Ajax实现三级联动下拉菜单省市区(PHP+JavaScript)原生代码”的时候,却发现:用了Layui这种前端框架,Layui表单“动态加载select数据时,会导致点击select没有反应或者点击两才...
  • 刚刚在写ajax的时候,发现表单提交了两,代码如下:form.on('submit(user_addd_confirm)', ...原来,layui.js自动所有包含了modules模块,我本地额外的引入了/layui/lay/modules/form.js导致了表单两提交。...
  • 这里很多人看了layui官网可能会说使用官网的头工具栏监听事件和数据重载这两种方式来监听事件点击,但是在我反复尝试过程中,会莫名其妙的导致页面刷新这是我不想要的效果。 之后开始折腾绑定id来实现,如下: ...
  • 一次layui框架treetable表格渲染

    千次阅读 2019-09-27 15:55:38
    使用php和layui开发个后台 html 页面 <div class="demoTable" style="margin-left: 1%;"> 请输入名称: <div class="layui-inline"> <input name="name" class="layui-input" id="name"...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,637
精华内容 1,054
关键字:

layui执行一次