1.下载 下载地址:https://github.com/hnzzmsf/layui-formSelects 2. 引入 //引入formSelects.css <link rel="stylesheet" href="formSelects-v4.css" /> //模块化使用 <script src="layui.js" type="text/javascript" charset="utf-8

下载formSelects-v4插件(引入formSelects-v4.css和formSelects-v4.js) 下载地址:https://fly.layui.com/extend/formSelects/#download <link rel="stylesheet" href="style/formSelects-v4.css"> //引入formSelects-v4样式 <div class="layui-form-item&q

新建模块目录modules 新建common.js layui.define(['jquery'], function (exports) { var $ = layui.jquery; var obj = { test: function () { alert('test from common'); } }; //输出接口 exports('common', obj); }); 配置 layui.config({ base: '/xadmin/lib/layui/modules/' //自定

先看一下弹层的效果: 点击确定跳转百度页面,点击取消弹层消失. 我这个弹层是在layui找的, 1. 需要layui.css文件和layui.js文件 (想我这样笨的人,没有同学的告知,我都不知道去哪里下载这两个文件) 1.1: 1.2: 1.3: 2.代码: ;"><button data-method="notice" class="layui-btn">点我我就可以弹出一个弹层哦哦哦</button></div&g

前言 在网站找了一大圈都是问题没有答案,记录记录谨防踩坑 layui版本:layui-v1.0.9_rls a(https://github.com/devbridge/jQuery-Autocomplete)[jQuery-Autocomplete] 版本:1.4.1 示例 demo地址:http://runjs.cn/detail/jzararyv Autocomplete插件官方示例:http://devbridge.github.io/jQuery-Autocomplete/ 整合步骤

用什么封装?自然是TagHelper啊,是啥?自己瞅文档去 在学习使用TagHelper的时候,最希望的就是能有个Demo能够让自己作为参考 怎么去封装一个组件? 不同的情况怎么去实现? 有没有更好更高效的方法? 找啊找啊找,最后跑去看了看mvc中的TagHelpers,再好好瞅了瞅TagHelper的文档 勉强折腾了几个组件出来,本来想一个组件一个组件写文章的,但是发现国庆已经结束了~ Demo效果预览 代码仅供参考,有不同的意见也忘不吝赐教 Checkbox复选框组件封装 标签名称:cl-c

1.需要把jfinal的环境配置好 2.导入相关的库文件 layui的库文件 就是这两个文件需要导入到自己的页面 注意:jfinal总会把路径拦截,所以需要静态文件处理.本人不太懂.就网上找了下,说webRoot就是根目录,所以引入的时候,一定要在路径最开始加上 "/"          作为根目录路径. 3. 接下来就是前端和后台的编写了. 前端可以直接从layui的官网上查看相关文档,就是复制粘贴,改改就可以了 <!DOCTYPE html> <html>

为什么表单不显示?当你使用表单时,Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果.Tab选项卡等同理(它们需依赖 element 模块) layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 //-- //但是,如果你的HTML是动态生成的,

年前无聊,想自己搭建一个后台管理框架,对比了easyui.Extjs.H-ui.H+UI.layui几个框架,easyui和Extjs虽然功能强大但是界面实在是接受不了,H+UI和layuiAdmin是收费的,layui界面确实做的不错,于是想着用layui做一个极简的后台(菜单+选项卡). 先上图 前两张图是自己按照layAdmin样式写的,后一张图是从网上找的然后稍加修改. 需要的留个邮箱. 注意:前两张图选项卡内容是采用的ajax方式,后一张图采用的iframe方式.我的代码里面后台用的d

近些天接的项目用的是layui.以前没用过,踩了很多坑,坑就不多说了,直接说layui的tree.因为自带的tree不满足需求,所以在论坛.博客上找了很久终于找到了可以复选的的插件,原文地址:https://blog.csdn.net/xianglikai1/article/details/79032278.这里谢谢原作者,从源码中学到了很多. 这里我就直接上代码了.(注:因为数据结构问题我将源码中的json数据结构title改为id,value改为name.勾选树的获取值未变:data.val

前言 目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格更能更加强大.更加灵活,怎奈于丑的没法说,当然可以美化,但是成本太高了.我相信在后续的LayUI版本更新中,作者应该会着重优化数据表格,因为作为一个前端框架,美观度.效率相关.导航相关.数据展现相关无疑是最重要的. 操作说明 现在转入我们今天要说的数据表格相关操作.目前LayUI数据表格获取行数据的

下面这些代码是在有选项卡的情况下, 一个页面的状态修改时打开另一个选项卡, 另一个选项卡修改成功后,可以使你当前的选项卡状态实时更新 // 重载当前的页面的需要刷新的表格 table.reload('tableOut', {}); // 找到需要联动刷新的table所在的window var iframeTemp = parent.layui.$('iframe[src="/Assets_ReceiveApplyFor/AuditIndex"]'); // 如果找到了才需要重载,找不到

由于对LayUI框架不太熟悉,昨天抽空看了下LayUI的文档,今天在网上找了使用LayUI进行增删改查相关内容,自己照葫芦画了个瓢,画瓢部分不是很难,主要是下午遇到了一个弹出层的问题耗时比较久. 同一项目,设计风格都差不多,对于涉及单个数据表的页面,基本都是增删改查,布局都是差不多,实际项目中都是复制.粘贴过来改下数据基本就能完成80%,后续就是修修补补或者是要实现一些特殊需求,记得刚参加工作时,老大直接给了一个已经做好的模板页面让我比对着手动敲一遍,当时觉得重复操作没啥用,现在再看觉得作用很大

功能需求:select框可以自己输入,就是在下拉列表里找不到自己想要的选项就可以自己输入,同时还要支持模糊匹配功能 html代码: 样式: <style> .select-search-input { position: absolute; z-index: 2; width: 80%; } </style> select部分: <div class="layui-form-item layui-inline"> <label class=&q

背景 笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧! 出现的问题: 1.使用 Layui 官方提供的 [转换静态表格] 方式初始化加载时报 id 找不到的错误(自己的锅) 2.传递参数问题(姑且算是 Layui 官方的锅)(自己的锅) 笔者使用的 table 加载刷新方案 有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加

项目中遇到给用户在所有产品中匹配一部分产品.用layui 第一页选好之后到第二页再选,等回到第一页时之前选择的都没了,解决这个问题的办法如下: //勾选的产品id集合 var chooseAdids = new Array(); //表格数据缓存 var table_data = new Array(); var adid = ""; layui.use('table', function () { var table = layui.table; //监听表格复选框选择 table.

1.composer安装PHPExcel 下载安装composer 其次 cmd切换到项目根目录 运行命令:composer require phpoffice/phpexcel 注意: 1.运行可能会报错OpenSSL之类的 去php.ini中开启extension=php_openssl.dll扩展,去掉分号 2.还有可能出现 找不到匹配的包的错误,这是因为我本地用的phpstudy的nts版本,这个版本比较特殊同时支持apache和nginx,只是本地虚拟环境开发测试用的PHP版本,所以匹

原文作者:小巷而已 [[layui-xtree 3.0]依赖layui form模块 复选框tree插件] 原文链接: https://blog.csdn.net/xianglikai1/article/details/79032278 js 代码 : <link href="layui/css/layui.css" rel="stylesheet" /> <style type="text/css"> form { wi

在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索,  还有checkbox,  支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后,选中状态就消失了, 我们希望切换回来的时候, 选中状态还能存在, 因此做了个缓存, 使checkbox 保持选中状态.代码如下: 1.HTML  搜索输入框 <form class="layui-form"> <div class="layui-input-in

请问想让当layui表格的某个字段符合某个条件的时候,让该行变颜色.这样可以实现么. layui数据表格怎么更换表格颜色 layui表格 通过判断某一行中的某一列的值进行设置这一行的颜色 LayUI之table数据表格获取行.行高亮等相关操作 能够根据相关条件进行数据筛选.进行高亮显示对符合条件的行进行高亮显示 , done: function (res, curr, count) {// 表格渲染完成之后的回调 // $(".layui-table th").css("fo