随笔分类 -  layUI

摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false">// 提交按钮事件 form.on('submit(demo1)', f 阅读全文
posted @ 2022-04-26 15:06 郭祺迦 阅读(281) 评论(0) 推荐(0)
摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false">layer.prompt({ formType: 2 , title: 阅读全文
posted @ 2022-04-26 15:05 郭祺迦 阅读(502) 评论(0) 推荐(0)
摘要:$(function () { //propertychange监听input里面的字符变化,属性改变事件 $('.zy-price').bind('input propertychange', function () { var $this = $(this); console.log($this 阅读全文
posted @ 2022-04-26 15:04 郭祺迦 阅读(1155) 评论(0) 推荐(0)
摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false"><textarea id="demo" style="display: 阅读全文
posted @ 2022-04-26 15:04 郭祺迦 阅读(566) 评论(0) 推荐(0)
摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false"><div class="layui-form-item"> <div c 阅读全文
posted @ 2022-04-26 15:03 郭祺迦 阅读(4371) 评论(0) 推荐(0)
摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false"><fieldset class="layui-elem-field"> 阅读全文
posted @ 2022-04-26 15:02 郭祺迦 阅读(204) 评论(0) 推荐(0)
摘要:layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.msg('也可以这样', { time: 20000, // 阅读全文
posted @ 2022-04-26 15:00 郭祺迦 阅读(93) 评论(0) 推荐(0)
摘要:" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false"><div class="layui-form-item"> <label 阅读全文
posted @ 2022-04-26 15:00 郭祺迦 阅读(317) 评论(0) 推荐(0)
摘要:在使用layui的过程中,我发现我对父页面使用的是table表格, table表格中渲染的是a标签,点击数据调转到具体显示页面。关于table表格渲染a标签,可以参考另外一篇文章。 // 给表格添加a标签; 添加show_schedule_detail点击事件 <script type="text/ 阅读全文
posted @ 2022-04-26 14:53 郭祺迦 阅读(2309) 评论(0) 推荐(1)
摘要:## 2019-04-01-layui 在layui的table表格数据添加a标签.md 有时候我们设计表格的时候,需要在表格中添加a标签元素, layui中示例中讲解了input标签的时候,我做项目的时候尝试使用a标签,以下便是示例: ```python <script type="text/ht 阅读全文
posted @ 2022-04-26 14:50 郭祺迦 阅读(1705) 评论(0) 推荐(0)
摘要:<style> .layui-table-cell { height: auto; overflow: visible; text-overflow: inherit; white-space: normal; } </style> 阅读全文
posted @ 2022-04-26 14:44 郭祺迦 阅读(817) 评论(0) 推荐(0)
摘要:在layui的头工具栏中加入了导出excel的功能;但是存在导出的数据会有部分失真;所以使用插件。1、首先在layui的头工具栏中添加了导出excel的按钮<script type="text/html" id="toolbarDemo"> <div class="layui-btn-contain 阅读全文
posted @ 2022-04-26 14:42 郭祺迦 阅读(2387) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link href="layui/css/layui.css" rel="stylesheet" /> <script src="layui/jquery-1. 阅读全文
posted @ 2022-04-26 14:41 郭祺迦 阅读(1831) 评论(0) 推荐(0)
摘要:django使用layui的{{}}冲突 在使用layui的时候,需要使用到layui数据表格的模板,这时候就遇到{{}}转义的问题。在django中{{}}是获取变量值,这就跟前端的layui的模板冲突了,这时候就需要django不转译指定的内容。解决方案: 从django1.5开始,支持{%ve 阅读全文
posted @ 2022-04-26 14:39 郭祺迦 阅读(212) 评论(0) 推荐(0)
摘要:问题描述: 点击input框时,时间选择框会出现闪退的情况问题分析: 经查看发现实际上是时间弹窗自身计算了当前浏览器的可用高度,当高度不足以显示时间选择框时,则会自动偏移,导致鼠标可以点击到时间选择框,从而导致input框失去焦点、时间选择框隐藏。解决方案:layui.use('laydate', 阅读全文
posted @ 2022-04-26 14:38 郭祺迦 阅读(455) 评论(0) 推荐(0)
摘要:<script type="text/html" id="course"> {{# if(d.status == 0 ){ }} <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> <a class="layui-btn layui-b 阅读全文
posted @ 2022-04-26 14:35 郭祺迦 阅读(3029) 评论(0) 推荐(0)
摘要:增加/修改 layer.open({ type: 2 , skin: 'layui-layer-rim' // 加上边框 , area: ['400px', '250px'] // 区域 , title: '新增值班科室' // 弹出框标题 , shade: 0.8 // 阴影部分 , conten 阅读全文
posted @ 2022-04-26 14:32 郭祺迦 阅读(458) 评论(1) 推荐(0)
摘要:var $ = layui.$, active = { reload: function(){ var demoReload = $('#demoReload'); //执行重载 table.reload('testReload', { page: { curr: 1 //重新从第 1 页开始 } 阅读全文
posted @ 2022-04-26 14:30 郭祺迦 阅读(981) 评论(0) 推荐(0)