
LayUI
萧曵 丶
谦逊,勤恳.
展开
-
layui upload 只触发一次choose方法
//赋值变量 var uploadInst = upload.render({ elem: '#test10' , url: '' , auto: false //选择文件后不自动上传 , accept: 'file' //普通文件 , number: 1 , size: 10000 , exts: 'txt' //只允许上传压缩文件 , choose: function原创 2021-01-12 19:34:43 · 1788 阅读 · 2 评论 -
layui 上传文件,只做读取操作,并不上传
upload.render({ elem: '#test10' , url: '' , auto: false //选择文件后不自动上传 , accept: 'file' //普通文件 , size: 10000 , exts: 'txt' //只允许上传txt文件 , choose: function (obj) { console.log("obj : %s",...原创 2021-01-12 17:16:09 · 1108 阅读 · 0 评论 -
layDate 时间范围限制 开始时间小于结束时间
var startDate=laydate.render({ elem: '#start', done:function(value,date){ if(value!=""){ date.month=date.month-1; endDate.config.min=date; }else{ endDate.config.min=startDate.config.min; } }, }); var endDate=laydat.原创 2020-08-28 09:40:03 · 772 阅读 · 0 评论 -
layui 动态生成手风琴
实现的效果是,当点击添加场景时,会动态生成场景。 $("#addScene").click(function(){ //每次添加新场景时,新建一个存储对象 $(".layui-colla-item").find(".layui-show").removeClass("layui-show"); var appendDiv = itemDiv.clone(); appendDiv.find(".layui-colla-title").html.转载 2020-08-13 09:31:29 · 1096 阅读 · 0 评论 -
layui封装ajax模块
layui是国人开发的一款非常简洁的UI框架,使用了模块化加载方式,因此在使用过程中我们难免需要添加自己的模块,本教程就教大家封装一个简单的模块。平常使用中,ajax可以说使用广泛,所以这里我们添加一个自己的模块,将ajax封装一下,方便使用。注:模块加载需要服务器环境支持,因此看本教程前,请先在你本地搭建好本地服务器环境,这个不在本教程范畴内,请自行百度。1、搭建项目目录首先从layui的网站下载layui的包,放置到自己的项目里,这里我用一个全新的空项目,添加完layui后,目录结构如下:2转载 2020-08-12 14:13:31 · 1103 阅读 · 0 评论 -
layui 提交成功之后刷新当前页、关闭当前页、刷新父页、重载父页数据表格
刷新当前页:layer.msg(data.msg, {icon:1,time:1000},function(){ setTimeout('window.location.reload()',1000);});关闭当前页,并刷新父页layer.msg(data.msg, {icon:1,time:1000}, function(){ var index = parent.layer.getFrameIndex(window.name); //parent.location.reload();转载 2020-08-10 20:12:33 · 1058 阅读 · 1 评论 -
【Layui】formSelects下拉多选框取值
<link rel="stylesheet" href="formSelects-v4.css" /><script src="layui.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"> //全局定义一次, 加载formSelects layui.config({ base: '../src/' //此处路原创 2020-08-06 19:59:39 · 1928 阅读 · 0 评论 -
Layui中templet中a的onclick参数传递的问题
以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开详情页的功能。<script type="text/html" id="contentTpl"> <a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" onclick='showContent("{{d.CONTENT}}")' >查看内容</a></script>项目跑了许久,突然说点击查转载 2020-08-03 20:29:43 · 3420 阅读 · 0 评论 -
layui select动态添加option
html<form class="layui-form" action=""> <div class="layui-form-item proSelect"> <label class="layui-form-label">产品类别</label> <div转载 2018-06-06 15:44:15 · 6797 阅读 · 1 评论 -
弹出层layer的使用
Introlayer是一款web弹层组件,致力于服务各个水平段的开发人员。layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。layer.msg语法:layer.msg(content[, options][, end])...转载 2018-06-03 23:26:23 · 925 阅读 · 0 评论 -
layui中的table模块中的基础参数应用
ayui 的 table模块是一个重头,在基础参数方面尽可能地做到友好,即:保证功能的前提而又避免过于繁杂的配置。基础参数一般出现在以下几种场景中: 1 场景一:下述 lay-data 里面的内容即为基础参数项,切记:值要用单引号 2 <table lay-data="{height:300, url:'/api/data'}" lay-filter="demo"> …… </...转载 2018-05-23 14:10:03 · 2436 阅读 · 0 评论 -
layui table 参数设置
JSp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ...原创 2018-05-21 17:52:39 · 47200 阅读 · 1 评论 -
修改layui的后台模板的左侧导航栏可以伸缩
转载自:作者原生的左侧导航栏代码:<div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域(可配合layui已有的垂直导航) --> <ul class="layui-nav layui-nav-tree" l转载 2018-05-18 17:51:00 · 24310 阅读 · 3 评论 -
Layui table 组件的使用:初始化加载数据、数据刷新表格、传参数
出现的问题:1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题(姑且算是 Layui 官方的锅)(自己的锅)笔者使用的 table 加载刷新方案有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加载全数据,当点击 tree 节点时,table 进行筛选,很简单的需求吧!这里我们不谈 tree 的使用,将仅...原创 2018-04-18 10:38:11 · 31931 阅读 · 0 评论 -
layer弹出层框架alert与msg详解
layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。 在贴出代码 1 laye...转载 2018-03-21 14:15:10 · 3062 阅读 · 0 评论