【layui】教程文章相关的互联网学习教程文章

layUI+mvc动态菜单控制器

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using System.Text;using LayUIMvcTest.Models;namespace LayUIMvcTest.Controllers{ public class MainController : Controller { // // GET: /main/ public ActionResult Index() { return View(); } #region 加载菜单数据 /// <summary> //...

00021-layui 上传excel,java 解析excel 数据【代码】

按钮:<button class="layui-btn layui-btn-sm" id="upload_importCustomer">导入</button> upload 控件渲染:upload.render({elem: ‘#upload_importCustomer‘,url: ctx+‘/customer/customer/importData/‘,accept: ‘file‘ //普通文件,data:{importType:1},done: function(response){layer.msg(‘导入完成,若无数据,请到【导入记录】页面查看,或5秒后刷新‘);setTimeout(function () {active.reload();},3000);},error: fun...

layuiTable根据返回的JSON内容改变指定行的颜色【代码】

// 渲染表格var insTb = table.render({elem: ‘#tableArticles‘,//url: ‘../../json/loginRecord.json‘,url: ‘{:url(‘hospital/index‘)}‘,limit: 10,page: true,cellMinWidth: 100,title: ‘预约列表‘,cols: [[{field:‘name‘,title: ‘姓名‘,width:80,align: ‘center‘},{field:‘sex‘,title: ‘性别‘,width:60,align: ‘center‘},{field:‘old‘, title: ‘年龄‘,width:60,align: ‘center‘},{field:‘tel‘, t...

layui的table渲染cols的标题错乱问题,number转成string【图】

在表格的列中,运用了一下字典查出来的key值做列名,方便不定量统计用,结果发现后台传的值为 0,1,2,3...,到前台也是,但是在table.render了之后却发生了变化.猜测在添加序号的时候,默认第一列序号占据了 0(int) 列,然后将自己的变量的第一个0,给覆盖成了3 .试图删除序号列之后又发现第一个变成了 2 ,猜想因为是数字列,被layui给处理过了. 于是测试,使用反撇号,加入cols中, >>> ,问题解决,从 0 开始排序,但是因为部分浏览器不支持 ` ,...

layui——Cannot create property 'LAY_TABLE_INDEX' on number '1'【图】

前言用layui写的后台,PHP处理好数据传输过来的时候报错了,最后发现是数据处理成layui格式的时候出错了,直接传了json对象过来,layui需要的是一个json的数。 解决外面套成数组即可~ ' on number '1'' ref='nofollow'>layui——Cannot create property 'LAY_TABLE_INDEX' on number '1'原文:https://www.cnblogs.com/wangyang0210/p/10789912.html

layui文件上传进度条(模拟)【代码】【图】

1.修改上传组件js(没测)https://blog.csdn.net/weixin_42457316/article/details/81017471https://www.cnblogs.com/youmingkuang/p/9183528.htmlhttps://fly.layui.com/jie/19430/ 1、upload.js 扩展功能利用ajax的xhr属性实现该功能修改过modules中的upload.js文件功能具体实现:在js文件中添加监听函数 //创建监听函数var xhrOnProgress=function(fun) {xhrOnProgress.onprogress = fun; //绑定监听//使用闭包实现监听绑retur...

Django+Layui学习二:Table【代码】

前言前面学习了后台布局和tabs的使用,本次来学习下layui中的table和Django联动。 一、Django设置1、models,简单的两个类,一个是问题类型,一个是问题的详情。 1# Create your models here. 2 3#问题类型 4class ProblemType(models.Model):5 problem_type=models.CharField(max_length=50,verbose_name=‘问题类型‘)6 7class Meta:8 verbose_name=‘问题类型‘ 9 verbose_name_plural=verbose_name 1011de...

layui使用iconfont【代码】【图】

layui的图标取自于阿里巴巴的矢量图标库 Iconfont,同样的,这篇教程也是基于Iconfont进行扩展。第一步,通过浏览器打开 http://iconfont.cn/ ,访问阿里巴巴矢量图标库。第二步,通过右上角的用户图标,授权登陆一个账号,在此我选择使用Github作为登陆账号。第三步,登陆完成后,让我们稍微了解下基本的操作。Iconfont提供了非常多的图标库,有官方的图标资源,也有一些第三方的素材。选择方式多种多样,更能集成一些彩色图标到项...

关于layui 子父 页面 url 传值 和 接收值的写法

今天 自己 重新写了一下 layui的页面url传值以及接收,这里记录一下 父页面:content: ‘md-view.html?id=‘+a+‘&name=‘+b var index = layer.open({ type: 2, title: ‘查看‘, id:‘detail‘, shadeClose: false, //shade: [0.3], shade:0.4, maxmin: true, //开启最大化最小化按钮 //area: [‘700px‘, ‘80%‘...

使用LayUI展示数据【代码】【图】

LayUI是一款免费,开源,轻量级的前端cms框架,适用于企业后端,能快速上手开发,集成了常用的组件,还有完善的文档和社区。点击查看 文档地址 下载框架 使用: 1.把这个5个文件项都拷贝到项目中 2.到layui官网 地址 将后台布局的代码考过来,做一个左侧导航,右侧显示主内容的格局 3.代码复制到我们自己项目新建的home.html页面后,根据代码上的提示,将远程地址替换成本地,直接删除css引用和js引用,从自己的项目中将这2个文件...

SpringBoot使用thymeleaf和layui时遇到的问题

在使用thymeleaf时报错An error happened during template parsing (template: "class path resource [templates/mainPage/main.html]" - line 134, col 168)我最后找了 很久发现报错的那一行有个HTML结束标签不对,改好之后页面就可以正常显示了。每个人报的错误都可能不同,仔细看一下报错的内容和具体行数。thymeleaf+layui加载页面渲染时TemplateProcessingException: Could not parse as expression: "org.attoparser.ParseEx...

layui动态生成下拉列表【代码】

<select name="deptmgr" lay-filter="FirstSelect" id="FirstSelect" lay-search=""><#--此处动态生成select--></select>-------------------------------------------------------------- //监听头部工具事件table.on("toolbar(deptTable)", function (obj) {switch (obj.event) {case‘add‘:var FirstSelect= $("#FirstSelect");commonFun.loadDeptSelect(FirstSelect);//加载后台数据,渲染selectopenAddFirstDept();//打开添加...

layui hello world【代码】

layui.define(function(exports){ // 需确保您的 layui.js 是引入的构建后的版本(即官网下载或 git 平台的发行版)//直接可得到各种内置模块var layer = layui.layer;//…layer.msg(‘Hello World‘);exports(‘index‘, { msg: ‘Hello Demo‘}); //注意,这里是模块输出的核心,模块名必须和 use 时的模块名一致 }); <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, ini...

Layui我提交表单时,table.reload(),表格会请求2次,是为什么?

重载两次是因为搜索按钮用的是button改成<a class="layui-btn" data-type="reload">搜索</a>就可以了虽然我也不知道是什么原因原文:https://www.cnblogs.com/uzxin/p/11907012.html

Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果【代码】【图】

原文:Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果目录导航:前言:代码实现:请求的超链接如下所示:layui预先加载,获取超链接中传递过来的跳转页面地址和tabs title名称在iframe中打开:Js获取超链接里面传递的参数值:关于存在多了一级菜单栏,而链接中所带的地址又不是第一个一级菜单栏中的子菜单栏我们该如何解决初次加载显示子级菜单栏问题? 文章正文:回到顶部前言:  使用Layui-ad...