layui
小巷陌影​
这个作者很懒,什么都没留下…
展开
-
layui 表格行单击事件选中行前的单选框
layui表格中,行点击事件同时选中行前的单选框。 //表格监听行单击事件 table.on('row(test)', function(obj) { //选中行前radio Table.isCheckRadio(obj, form, table, 'tableReload'); //这是我的操作。。。。 }); /** * 表格点击行时选中 * 行前单选框 * @param obj原创 2020-12-31 13:49:30 · 2211 阅读 · 1 评论 -
layui上传,选择与上传分开,非自动上传
上传附件,将选择与上传分开,图片则显示缩略图。表单验证通过后才上传。1、选择按钮使用input标签,解决点击后验证表单问题。2、增加隐藏按钮与upload.render绑定。在表单验证通过后,使用模拟点击上传$('').trigger('click');3、修改时,如果只修改了表单内容,则附件不重复上传,如果修改了附件则上传。监听选择文件的回调函数。Html代码<!DO...原创 2019-08-27 10:22:47 · 560 阅读 · 0 评论 -
layui 表格中实现照片预览,点击查看原图
人员表格中实现照片预览,并且可点击放大。查看原图<table id="dutyInfoTable" class="layui-hide"></table>js//定义列var cols = [ [{ type: 'radio', width: 60 }, { type: 'numbers', width: 50 }, {...原创 2019-07-26 17:14:13 · 5673 阅读 · 2 评论 -
layui + vue实现list单选列表
根据下拉框选择内容,动态生成单选列表。html<div class="layui-col-xs3 layui-col-sm3 layui-col-md2 treeDiv layui-form" lay-filter="selFilter" > <p class="treeTitle" align="center">单选列表</p> <div...原创 2019-07-03 10:37:04 · 1338 阅读 · 0 评论 -
layui 表格前端分页
一次请求所有数据,在前台进行分页。在表格的parseDataFun函数中调用laypage.render()laypage.render({ elem: 'page', count: pageData.length, layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'], jump: function(o...原创 2019-07-08 17:19:53 · 5438 阅读 · 3 评论 -
视频播放器,基于videojs,NVR
web播放监控视频,基于EasyNVR获取直播链接进行播放。对播放器进行封装。源码下载码云或GitHubHTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>视频分屏</title> <link rel="styleshe...原创 2019-06-21 14:38:52 · 1651 阅读 · 0 评论 -
layui + css给图片增加边框阴影
实现效果:css:.pic_border_orange{ /*橙色*/ border-radius: 18px; border: 2px solid orange; box-shadow: 0 0 10px 3px orange;}html:<div class="layui-row"> <img :class="getStyle(item.i...原创 2019-04-24 11:08:53 · 2533 阅读 · 0 评论 -
layui 时间时间选择器最多选择30天
layui 时间选择器最多选择30天https://www.layui.com/doc/modules/laydate.htmlhtml <label>时间选择:</label> <div class="layui-inline" id="start_div"> <input type="text" name="dateTime" id="...原创 2019-04-04 14:57:14 · 4634 阅读 · 20 评论 -
layui 表格操作列按钮动态显示
1、根据表格数据动态显示操作列按钮<script type="text/html" id="barDemo">{{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">...原创 2019-03-26 10:40:33 · 6905 阅读 · 4 评论 -
vue 传入html元素 v-html
<ul class="layui-row layui-col-space10"> <li class="layui-col-xs6" v-for="module in item.modules"> <a href="javascript:;" class="layadmin-backlog-body"> &原创 2019-03-16 12:52:17 · 1441 阅读 · 0 评论 -
layui.data 创建通用数据保存方法
LocalData={};LocalData.setData = function(key, value){ layui.data('LocalData',{ key :key, value: value })}LocalData.getData = function(key){ var localData = layui.data('...原创 2019-03-07 09:12:47 · 5088 阅读 · 3 评论