精华内容
下载资源
问答
  • 再一个页面左编辑添加处理,因为数据较多分成多个form来动态展示隐藏填写的数据页面。 当点击上一步然后点击下一波进行文件图片上传时,不能加载layui。use([‘uplode’])模块 问题解决 让点击上一步之后再点击下...

    问题描述

    再一个页面左编辑添加处理,因为数据较多分成多个form来动态展示隐藏填写的数据页面。
    当点击上一步然后点击下一波进行文件图片上传时,不能加载layui。use([‘uplode’])模块

    问题解决

    让点击上一步之后再点击下一步时,判断只加载过一次layui.use([‘uplode’])

    api

    https://www.layui.com/doc/base/modules.html

    代码

    var initFlag = false;
    	function addSubProd(){
    		var subProdIds='';
    		$("#productsTab").find("input[name='subProdIds']:checked").each(function(i){
    	    	if(i>0){
    	    		subProdIds = subProdIds + "#";
    	    	}
    	    	subProdIds = subProdIds + $(this).val();
    		 });
    		var formdata = {
    			    id : proId,
    			    subProdIds : subProdIds
    			};
    		$.ajax({
    			type : 'put',
    			url : serverPath + '/proProducts',
    			contentType: "application/json; charset=utf-8",  
    			data : JSON.stringify(formdata),
    			success : function(data) {
    				if(!initFlag){               // 判断是否时第一次加载
    					initUpload(productcode);
    					initFlag = true; //第一次加载时 赋值为已经加载过
    				}
    				nextStep(2);			 
    			}
    		});	
    	}
    
    展开全文
  • $.ajaxSetup({ beforeSend: function () { layui.use('layer', function () { layui.layer.load(); //console.log(Lodingin...

     $.ajaxSetup({
                    beforeSend: function () {
                        layui.use('layer', function () {
                            layui.layer.load();
                            //console.log(Lodingindex) opacity
                            $(".layui-layer-shade").css('background', '#000000')
                            $(".layui-layer-shade").css('opacity', '0.2')
                            $(".layui-layer-shade").click(function (event) {
                                event.stopPropagation(); 
                            })
                        });
                    },
                    complete: function () {
                        //layui.use('layer', function () {
                        //    layui.layer.closeAll();
                        //    setTimeout(function () {
                        //        layui.layer.closeAll();
                        //    }, 2000);
                        //});
                    },
                    error: function () {
                        //layui.use('layer', function () {
                        //    layui.layer.closeAll();
                        //});
                    }
                });
                $(document).ajaxStop(function () {
                    layui.use('layer', function () {
                        layui.layer.closeAll();
                    });
                });

    展开全文
  • thymeleaf+layui加载数据表格页面渲染时报错: Could not parse as expression

    报错内容如下:

    org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: " //表头
                    {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                    ,{field: 'username', title: '用户名', width:80}
                    ,{field: 'sex', title: '性别', width:80, sort: true}
                    ,{field: 'city', title: '城市', width:80}
                    ,{field: 'sign', title: '签名', width: 177}
                    ,{field: 'experience', title: '积分', width: 80, sort: true}
                    ,{field: 'score', title: '评分', width: 80, sort: true}
                    ,{field: 'classify', title: '职业', width: 80}
                    ,{field: 'wealth', title: '财富', width: 135, sort: true}
                " (template: "Role" - line 22, col 22)
    

    解决方法:
    layui.use(‘table’, function(){
    var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '/demo/table/user/' //数据接口
            ,page: true //开启分页
            ,cols: [
                [ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'username', title: '用户名', width:80}
                ,{field: 'sex', title: '性别', width:80, sort: true}
                ,{field: 'city', title: '城市', width:80}
                ,{field: 'sign', title: '签名', width: 177}
                ,{field: 'experience', title: '积分', width: 80, sort: true}
                ,{field: 'score', title: '评分', width: 80, sort: true}
                ,{field: 'classify', title: '职业', width: 80}
                ,{field: 'wealth', title: '财富', width: 135, sort: true}
            ]
            ]
        });
    
    });
    

    注:1.也就是把cols后的[[ ]]变为

    [

    [
    
    ]
    

    ]

    展开全文
  • 弹出层百度的时候大家都说最好放在body的外部,不然会因为其他层级原因导致弹出层被遮盖或者遮盖其他部分无法点击(具体情况请自行测试) <div id="aaa" style="display:none" layout:fragment="form-layer"> &...

    弹出层百度的时候大家都说最好放在body的外部,不然会因为其他层级原因导致弹出层被遮盖或者遮盖其他部分无法点击(具体情况请自行测试)

    
    <div id="aaa" style="display:none" layout:fragment="form-layer">
        <p>
           我是弹出层
        </p>
    </div>
    

    弹出层页面第一次弹出的时候会出现不能居中的情况, 我们要使用 layer.ready ,这样才可以使得弹出层直接居中

    layui.use(['form','layer'], function () {
        var layer = layui.layer;
        var form = layui.form;
    layer.ready(function () {
        layer.open({
            title: false,
            skin: 'form-layer-after',
            type: 1,
            area: ["auto", 'auto'], //宽,高
            content: $('#aaa'), // 弹出层容器
            btn: ['确认']
        });
    	})
    
    })
    
    
    展开全文
  • thymeleaf+layui加载页面渲染时TemplateProcessingException: Could not parse as expression: " 错误代码如下 Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: ...
  • 今天小编就为大家分享一篇layui加载数据显示loading加载完成loading消失的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layUI ajax加载html页面后重新渲染

    万次阅读 2018-04-01 00:23:11
    1、layUI使用jquery.load加载界面时,如何让layui渲染页面? 2、layUI ajax加载html页面后重新渲染layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染$.ajax({ url : url, ...
  • layui页面加载简单模式

    万次阅读 2017-11-27 15:20:02
    注意如果方法在layui加载页面之后进行,需要form.render();重新渲染页面 定义模板id form表单id 加载数据id&lt;table id="table" lay-filter="test"&gt;&lt;/table&gt; ...
  • 1、layUI使用jquery.load加载界面时,如何让layui渲染页面? 2、layUI ajax加载html页面后重新渲染 layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染 $.ajax({ url : url, ...
  • var layerIndex= layer.load(1,{shade: [0.3, ... 这个方法是刷新当前页面 },2000 ); } else { layer.msg(data.message, {type: 1 }); } })   转载于:https://www.cnblogs.com/yysbolg/p/8430794.html
  • layui加载数据

    2017-12-25 18:35:00
    最近项目重构 , 之前用的是jui, 发现不是很理想 , 想来想去 ,还是用了layui...首先加载的是table <table id="demo" lay-filter="test"></table> <script src="~/layui-v2.2.45/layui/l...
  • 在使用springboot+thymeleaf+layui是总是报一下的错误: Caused by: org.attoparser.ParseException: Could not parse as expression: " {type: 'numbers'}, {field: 'name', title: 'name'}, {field: 'id', ...
  • layui加载html出现乱码

    2021-07-01 18:18:38
    layui时出现乱码 就算在html页面加了 也没有用,响应的头部信息还是utf-8编码 而且可以看到在响应中没有 这行代码。
  • 相关问题同:1、layui使用jquery.load加载界面时,如何让layui渲染页面?2、layui ajax加载html页面后重新渲染layui ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染$.ajax({url : ...
  • layui中使用方法如下:以表格为例,每次加载表格数据时加一个loading &lt;link rel="stylesheet" href="../layui/css/layui.css" /&gt; &lt;script type="text/javascri.....
  • //base: '../../../../static/plugins/layui/extend/' base: '[[@{/static/plugins/layui/extend/}]]' }).extend({ treetable: 'treetable-lay/treetable' }).use(['layer', 'table', 'treetable'], function ...
  • layui 加载loding图标

    2020-06-30 15:16:40
    sProcessing:页面加载数据显示具体信息 function getDataTable(){ $('#InsectDataTable').dataTable({ 'bProcessing': true,//是否显示,处理中.... 'bServerSide': true, 'fnServerParams': function (aoData) ...
  • 错误截图: 错误代码: table.render({ elem: '#demo' ,height: 312 ,url: '/list' //数据接口 ,page: true //开启分页 ,cols: [[ //表头 {field: 'id',...
  • 一、layUI的介绍layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,...layui 区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准...
  • Asp.net layui重新加载当前页面

    千次阅读 2018-07-09 15:26:18
    重新加载当前页面 $('#userInformation').on('click', function () { layer.open({ type: 2, title: '个人中心', area: ['900px', '815px'], ...

空空如也

空空如也

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

layui加载其他页面