layui

var guan = layer . open ({ type : 2 , title : 'title' , skin : 'layui-layer-molv' , area : [ '45%' , '90%' ], btn :[ '保存' , '取消' ], // where:{id:id}, yes : function (index){ var iframeWindow = window [ 'layui-layer-iframe' + index] var checkStatus = iframeWindow . layui . table . checkStatus ( 'test-table-toolbar' ); console . log ( checkStatus ) console . log ( checkStatus . data [ 0 ]) }, no : function (){ layer . close (); }, content : "路径" }); 来源： oschina 链接： https://my.oschina.net/u/4174369/blog/4456009

漏刻有时（LOCKDATA），智能化数据展示解决方案服务商，让更多的人看到数据可视化的魅力，促进前沿技术与产业融合，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。 漏刻有时可视化系统由PHP语言进行开发，基于百度Echarts和layui，使用LOCKDATA自有MVC框架。 演示地址: 前台：http:// www.lockdata.cn （复制到浏览器访问） 【服务云主机问题，加载速度较慢；进入页面，按F11或左上角隐藏全屏按钮，进入全屏；最佳演示分辨率1920*1080，其他规格显示均不能体现大屏魅力】 后台： http://www.lockdata.cn/admin.php （复制到浏览器访问,用户名和密码:demo/lockdata）【大屏显示数据仅调用后台一组演示数据】 漏刻有时（LOCKDATA），仅为学习和开发同行提供思路参考和基础核心框架，减少开发时间和沟通成本。 **淘宝搜索：**漏刻有时，即可购买下载。 来源： oschina 链接： https://my.oschina.net/lockdatav/blog/4404612

我上个项目是做了一个关于教育方面的web端页面，其中的课程表就要用到fullcalendar日历插件，刚开始也是不会用，因为以前也没用过，后面也是看官方文档，问同事，最后完成了这个课程表，个人感觉fullcalendar这个日历插件功能很强大！下面我来附上几张图片： 1、刚进去默认显示当前月份，查出数据库的数据并展示，今天是2018年1月19号，所以我给上过的课次颜色变为灰色，而没上过的课次变为橙色： 2、点击特定的日期，添加课次： 点击未上过的课次进行编辑或删除： 以及课次的拖动，如将1月22号的“08:00-09:00 高数一班”拖动到1月29号： 下面我来说一下我是怎么实现的 首先需要导入必须的css和js： <link href=' ../../../../static/fullcalendar/css/fullcalendar.css ' rel=' stylesheet' /> <script src=' ../../../../static/fullcalendar/js/jquery.min.js '> </script> <script src=' ../../../../static/fullcalendar/js/moment.min.js '> </script> <script src=' ../../../../static/fullcalendar

layui 静态资源 src/layuiadmin/：layuiAdmin 的静态资源（JS、CSS、模块碎片等） 来源： oschina 链接： https://my.oschina.net/shenGuangYue/blog/4290847

table.js 在 var d=t.extend(r,a.where); 添加 a.where={}; 代码如下： var d=t.extend(r,a.where); a.where={}; 来源： oschina 链接： https://my.oschina.net/u/241218/blog/4478772

<img src="123.png" width="20px" height="20px" class="layui-upload-img" onclick="previewImg(this)"> function previewImg(obj) { var img = new Image(); img.src = obj.src; //var height = img.height + 50; // 原图片大小 //var width = img.width; //原图片大小 var imgHtml = "<img src='" + obj.src + "' width='500px' height='500px'/>"; //弹出层 layer.open({ type: 1, shade: 0.8, offset: 'auto', area: [500 + 'px',550+'px'], // area: [width + 'px',height+'px'] //原图显示 shadeClose:true, scrollbar: false, title: "图片预览", //不显示标题 content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响 cancel: function () { //layer

前言 　　上个月，我写了两篇微服务的文章：《 .Net微服务实战之技术架构分层篇 》与《 .Net微服务实战之技术选型篇 》，微服务系列原有三篇，当我憋第三篇的内容时候一直没有灵感，因此先打算放一放。 　　本篇文章与源码原本打算实在去年的时候完成并发布的，然而我一直忙于公司项目的微服务的实施，所以该篇文章一拖再拖。如今我花了点时间整理了下代码，并以此篇文章描述整个实现思路，并开放了源码给予需要的人一些参考。 　　源码： https://github.com/SkyChenSky/Sikiro.RBAC RBAC 　　Role-Based Access Contro翻译成中文就是 基于角色的访问控制 ，文章以下我都用他的简称 RBAC 来描述。 　　现信息系统的 权限控制 大多数采取RBAC的思想进行实现，其 本质思想 是对系统各种的操作权限不是直接授予具体的某个用户，而是在用户集合与权限集合之间建立一个角色，作为 间接 关联。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。 　　通过以上的描述，我们可以分析出以下信息： 　　用户与权限是通过角色间接关联的 　　角色的本质就是权限组（权限集合） 　　这样做的好处在于，不必在每次创建用户时都进行分配权限的操作，只要分配用户相应的角色即可，而且角色的权限变更比用户的权限变更要少得多

　 　好记性不如烂笔头。本来就是没什么好记得东西，下次再用时已经想不起来了。　　 问题如下 　　　 　　🐟使用layui表格，表格字段显示不全，如果超出分配的位置，就会显示省略号（如上图），当鼠标放上是可以展开查看全部内容。对于备注等不重要字段这确实是一个不错的方式，但是对于一些单号状态，显示不全就会让人很难受。　　 问题分析 　　①我首先想通过样式来让表体内容根据内容大小自动适应宽度，根据内容改变宽度，最后得到效果如下 .layui-table-cell { 　　 width : auto ; } 　　 　　🐟得到的结果，表格的单元格根据表格的内容撑大了，同时也导致了 表头和表体不对齐 了，因为表格框架都是 表头和表体采用的是两个表格 来做的，所以就会出现这样情况。 　　😚为什么表头与表体要用两个表格来做呢？ 　　　　来自闪存回答：为了 实现复杂多级表头 （所以也就是很多表格框架可能出现表头与表体对不上的原因） 　　 🐟所以我们该如何让表头和表体对齐呢？ 　　　　让表头和表体使用 同一种模式去计算宽度 。也就是定义好宽度，在生成表格的时候都使用这个宽度。 layui做法 情况一：字段比较少未超出屏幕时 　　为了显示美观，这种情况下一般会根据屏幕大小平分到每个单元格上 情况二：超出一屏幕 　　这是layui字段中可以定义宽度，如果没有定义宽度系统layui有一个默认显示宽度

我上个项目是做了一个关于教育方面的web端页面，其中的课程表就要用到fullcalendar日历插件，刚开始也是不会用，因为以前也没用过，后面也是看官方文档，问同事，最后完成了这个课程表，个人感觉fullcalendar这个日历插件功能很强大！下面我来附上几张图片： 1、刚进去默认显示当前月份，查出数据库的数据并展示，今天是2018年1月19号，所以我给上过的课次颜色变为灰色，而没上过的课次变为橙色： 2、点击特定的日期，添加课次： 点击未上过的课次进行编辑或删除： 以及课次的拖动，如将1月22号的“08:00-09:00 高数一班”拖动到1月29号： 下面我来说一下我是怎么实现的 首先需要导入必须的css和js： <link href=' ../../../../static/fullcalendar/css/fullcalendar.css ' rel=' stylesheet' /> <script src=' ../../../../static/fullcalendar/js/jquery.min.js '> </script> <script src=' ../../../../static/fullcalendar/js/moment.min.js '> </script> <script src=' ../../../../static/fullcalendar

layui的table组件中,动态输出html或者xml会隐藏掉标签信息,如果需要原样显示,则需要对数据进行转义操作 解决方案: 1.引入util组件 layui.use(['form','layer','table','util'],function(){ var form = layui.form, table = layui.table, util = layui.util; }) 如图: 2.自定义函数 // 原样显示xml或者html信息 function apiFormat(d){ return util.escape(d.api); } 3.调用函数: cols : [[ {type:'numbers', title: '序号'}, {type:'checkbox'}, {field: 'api', title: '接口信息', templet: apiFormat}, /* 调用apiFormat即可 */ ]], 刷新页面即可正常显示,参考自: 工具集文档 - layui.util -其它方法 来源： oschina 链接： https://my.oschina.net/u/4311839/blog/4307311