最新发布

layui中动态设置checkbox选中状态的方法介绍
layui

layui中动态设置checkbox选中状态的方法介绍

阅读(6) 发布者(admin)

今天在使用jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中,却不能重新勾选,点击勾选则没有问题,代码如下if (value == "true") {
$("#select1").attr("ch...

使用LayUI实现前端分页功能
layui

使用LayUI实现前端分页功能

阅读(3) 发布者(admin)

一、LayUI介绍Layui 是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。内置了一些常用元素和组件的UI框架。下载地址为ht...

Layui连接mysql操作CRUD
layui

Layui连接mysql操作CRUD

阅读(1) 发布者(admin)

一、使用layui框架实现权限登陆显示树形菜单1、首先引用一下layui框架所需的包  2、创建二星权限显现树形菜单所需要的表和所需要操作的书本类型表用户表t_xm_user树形菜...

layui弹出层闪退解决
layui

layui弹出层闪退解决

阅读(5) 发布者(admin)

今天用layui的弹出层插件,发现绑定弹出层到按钮,打开弹窗会闪退。原因:在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层会闪退!解决...

基于layui实现select区域联动
layui

基于layui实现select区域联动

阅读(3) 发布者(admin)

要实现联动效果注意两点:第一要可以监听到select的change事件;第二异步加载的内容,需要重新渲染后才可以 正常使用。Html结构:<div class="x-body"> <form class="layui-form...

layui实现登录功能的方法
layui

layui实现登录功能的方法

阅读(2) 发布者(admin)

一、layui框架的文件结构如下:内置方法config的使用可以在使用模块之前,全局化配置一些参数,如下:layui.config({ dir : &#39;/res/layui/&#39; //layui.js 所在路径(注意,如果...

layui时间控件选择时间
layui

layui时间控件选择时间

阅读(8) 发布者(admin)

解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择共有两种解决方式:方式一(layui 1.x):html代码:<div class="layui-inline"><div class="layui-input-inline">...

详解layui单选按钮不能正常显示及解决办法
layui

详解layui单选按钮不能正常显示及解决办法

阅读(7) 发布者(admin)

layui单选按钮不能正常显示及解决办法我们在使用layui开发的时候,有时会碰到单选按钮不能正常显示的情况如:正常情况具体原因我不太确定但解决办法就是在layui初始化的js里面...

layui关联表单的方法
layui

layui关联表单的方法

阅读(7) 发布者(admin)

现在我们做一个layui表单关联,什么叫表单关联呢,比如有两个layui表格,把第一个表格的数据查询出来后,然后点击表单里的某一条数据,根据这一条数据的主键id,查询第二张表单的数据,并...

layui表单验证介绍
layui

layui表单验证介绍

阅读(3) 发布者(admin)

1、排序 验证html代码<div class="layui-form-item"> <label class="layui-form-label">排序</label> <div class="layui-input-block">...

layui实现数据表格及分页的方法
layui

layui实现数据表格及分页的方法

阅读(11) 发布者(admin)

一.前端部分html只需要放一个有id的div就行了,方便js获取渲染区域<div id="data_grid" lay-filter="demo" ></div>  js部分需要注意url为异步数据接口,done是渲染完表格之...

layui open更改按钮的颜色
layui

layui open更改按钮的颜色

阅读(6) 发布者(admin)

1、在layer下新建文件夹和css 文件:css内容:body .layui-ext-yourskin .layui-layer-btn0{   border-color: #55ff83;   background-color: #5aff53;   color...

layui如何实现表格单元格合并
layui

layui如何实现表格单元格合并

阅读(9) 发布者(admin)

需求:下面用excel表格大概模拟下需求,左边是原来的,要改成右边这样的:第一步:再生成表格后调用此方法,以合并重复的单元格 done : function(res, curr, count) { merge(res...

layui中使用的一些弹出框
layui

layui中使用的一些弹出框

阅读(5) 发布者(admin)

第一步:引用文件第二步:写脚本<script>//iframe窗//layer.open({// type: 2,// title: false,// closeBtn: 0, //不显示关闭按钮// shade: [0],// area: [&#39;340px&#39;,...

layui实现同页面显示多种时间样式
layui

layui实现同页面显示多种时间样式

阅读(5) 发布者(admin)

layui实现同页面显示多种时间样式代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no,...

layui登录后token问题解决
layui

layui登录后token问题解决

阅读(9) 发布者(admin)

layui是一个非常简单且实用的后台管理系统搭建框架,里面的插件丰富使用简单,只需要在原有基础上进行修改即可,但是在数据处理方面略显薄弱,内置的jquery在实际过程中略显不足,若...

layui事件监听介绍
layui

layui事件监听介绍

阅读(4) 发布者(admin)

一、表单的事件监听1、lay-filter 事件过滤器相当于选择器,layui的专属选择器2、lay-verify 验证属性属性值可以是 :required必填项, phone手机号,email邮箱,url网址,number数字,da...

浅谈layui前端遇到的难点(集合)
layui

浅谈layui前端遇到的难点(集合)

阅读(18) 发布者(admin)

layui是一款采用自身模块规范编写的前端UI框架,其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,虽然layui很简单,但在我们使用时总会遇到一些难点,本文为大家介绍了一些layui前...

layui中的table方法渲染
layui

layui中的table方法渲染

阅读(9) 发布者(admin)

在用layui的时候,要把整个lib文件引到项目中,然后在页面上引入layui.css和layui.js文件。在用到layui中内置模块的时候,用layui.use去引用:layui.use([&#39;layer&#39; , &#39;t...

如何使用LayUI实现网页轮播图
layui

如何使用LayUI实现网页轮播图

阅读(7) 发布者(admin)

本篇文章介绍了使用LayUI实现网页轮播图的方法,具有一定的参考价值,希望对学习Layui的朋友有帮助!想要用layui写出来轮播图,需要先下载layui的文档,下载到电脑上就可以了,随便保存...

layui中form表单使用示例
layui

layui中form表单使用示例

阅读(10) 发布者(admin)

一、layui简介:1、layui是一款采用自身模块规范编写的前端 UI 框架,开源的模块化前 端 UI 框架,区别于那些基于 MVVM 底层的 UI 框架。2、优点:原生开发模式、模块化、兼容性强3...

layui中进度条渲染介绍
layui

layui中进度条渲染介绍

阅读(60) 发布者(admin)

考虑静态渲染和动态渲染进度条两种情况。 <div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="yes"> <div class="layui-progress...

一些LayUI底层方法介绍
layui

一些LayUI底层方法介绍

阅读(10) 发布者(admin)

Layui模块化页面用法需要即加载模块//引入js,css文件跳过,看文档//在页面中,如同编写JavaScript一样<script> layui.use([&#39;layer&#39;,&#39;form&#39;],function(){//需要...

layui标签输入框inputTags介绍
layui

layui标签输入框inputTags介绍

阅读(48) 发布者(admin)

layui框架是一款采用自身模块规范编写的前端UI框架,门槛极低,拿来即用。本文为大家介绍了一种layui框架中使用的标签输入框inputTags,希望对大家有一定的帮助。layui标签输入框...