LayUI笔记

【LayUI笔记】的更多相关文章

layui 笔记

弹出层点击事件 <!DOCTYPE html> <html> <head> <title></title> {load href="__STATIC__/admin/layui.css"} {load href="__STATIC__/admin/style.css"} </head> <body> <script src="__STATIC__/layui/lay…

LayUI 经典模块化前端框架,低门槛开箱即用的前端 UI 解决方案. 其他UI框架: Bootstrap,Element, EasyUI,LayUI 等等 LayUI使用 Layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 1. 官网首页下载 https://www.layui.com/ 2. 引入layui核心文件: layui/css/layui.css // layui…

学习Layui笔记-父窗口获取子窗口的radio

最近学习layui,使用radio做单项选择的时候,发现layui无论怎么取值,都是默认取到第一个radio的值. 百度下找解决方法. html页面部分 <div class="layui-form" lay-filter="layuiadmin-form-list" id="layuiadmin-form-list" style="padding: 20px 30px 0 0;"> <div class=&…

layui confirm 嵌套使用（随笔记）

使用layui confirm时不要使用aspx控件,使用html的button按钮借用一下官方例子 layer.confirm('您是如何看待前端开发?', { btn: ['重要', '奇葩'] //按钮 }, function () { layer.confirm('您是如何看待前端开发?', { btn: ['重要', '奇葩'] //按钮 }, function () { layer.msg('的确很重要', { icon: 1 }); }, function () { layer…

layui 学习笔记一：layui table 查询、新增、编辑、删除

一.table数据的呈现(对应查询) 页面代码: @{ ViewBag.Title = "TableGrid"; } @section styles{ <link href="~/Scripts/Plugin/layui/css/layui.css" rel="stylesheet" /> } <h2>TableGrid</h2> <table id="tblInfo" lay-fil…

Layui学习笔记（一）—— 关于模块的扩展

在使用layui的时候,总有官方自带模块不够用想自己扩展的时候,这时候我们就需要扩展模块了. 模块扩展有两种: (一)普通地扩展 layui.define( function (exports) { }); (二)依赖其他模块扩展 layui.define( [ 'xxx', 'xxx', 'xxx' ], function (exports) { // xxx代表其他模块的名称,例如 'jquery', 'layer' }); 当我们想定义模块中的方法时,可以使用以下代码: var objec…

springboot学习笔记：8. springboot+druid+mysql+mybatis+通用mapper+pagehelper+mybatis-generator+freemarker+layui

前言: 开发环境:IDEA+jdk1.8+windows10 目标:使用springboot整合druid数据源+mysql+mybatis+通用mapper插件+pagehelper插件+mybatis-generator+freemarker+layui 使用springboot开发web项目,尤其是web后台管理类项目,推荐使用上面的组合: 原因: 首先,druid数据源提供了方便的sql监控视图,而且性能也很好: mysql开源且小巧强大,使用方便: mybatis可以手动定制sql,十…