![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
车字辕
在公司遇到各种小问题,都发布上来了。方便自己,也分享给你们。希望有帮助。有疑问留言就行,会的话肯定回的
展开
-
layui table 自适应高度
```java<style> .layui-table-cell{ display:table-cell; vertical-align: middle; }</style>原创 2021-03-30 16:57:27 · 822 阅读 · 0 评论 -
解决layui数据表格table固定列行高不一致的情况
done: function (res, curr, count) {//动态监听表头高度变化,冻结行跟着改变高度 $(".layui-table-header tr").resize(function () { $(".layui-table-header tr").each(function (index, val) { $($(".layui-table-fixed .layui-table-header table tr..转载 2021-03-23 17:32:41 · 762 阅读 · 0 评论 -
layui 获取多选框选中数据
var list = layui.table.checkStatus('gridid').data;原创 2021-03-15 17:35:24 · 1177 阅读 · 0 评论 -
layui select 设置宽度
.layui-form-select {width: 160px;}原创 2021-02-01 14:48:02 · 4583 阅读 · 0 评论 -
xm-select 查询调用后台方法获取数据
layui.xmSelect.render({ el: '#MaterialsName', tips: '请选择订单状态', filterable: true, remoteSearch: true, searchTips: '请选择订单状态?', on: function (data) { console.log(data,"d..原创 2021-01-05 15:59:52 · 3636 阅读 · 0 评论 -
layui 表格高度调整
.laytable-cell-1-0-11{height: 50px;}原创 2021-01-04 10:55:46 · 1903 阅读 · 0 评论 -
layui 复杂表头单元格合并
效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>复杂表头+select下拉框默认值+单元格合并</title> <script src="../../../static/lib/layui/layui.js" charset="utf-8"></script> <style&g转载 2020-12-25 10:04:25 · 1040 阅读 · 0 评论 -
layui table 页面加载 默认选择第一条
var index = res.data[0]['LAY_TABLE_INDEX']; $(".layui-table-view[lay-id='gridid'] .layui-table-body tr[data-index='0'] .layui-form-checkbox").click();```![在这里插入图片描述](https://img-blog.csdnimg.cn/20201201161946678.png?x-oss-process=image/watermark,typ...原创 2020-12-01 16:20:10 · 1856 阅读 · 0 评论 -
layui upload 上传文件 带 动态 参数
在before中可以写方法 重新赋值 ,before: function(obj){ layer.load(); //上传loading this.data={'id':$("#id").val()}; }原创 2020-11-04 11:24:44 · 2412 阅读 · 2 评论 -
layui表格 获取选中数据
var list= layui.table.checkStatus('gridid').data;原创 2020-11-04 09:53:11 · 2260 阅读 · 0 评论 -
layui input 小数
<input type="text" class="layui-input" v-model="item.pmcPurchaseNum" style="width: 120px;height: 40px;margin-top: 10px;float: left;margin-left: 10px;" onkeyup="value=value.replace(/^(0+)|[^\d.]+/g,'')" >原创 2020-10-28 16:24:22 · 1773 阅读 · 2 评论 -
调整 tableMerge.js操作栏不合并问题
layui.define([‘table’], function (exports) {var $ = layui.jquery;// 封装方法var mod = { /** * 渲染入口 * @param myTable */ render: function (myTable) { var tableBox = $('#'+myTable.id).next().children('.layui-table-box'),原创 2020-09-07 09:21:23 · 413 阅读 · 0 评论 -
layui 动态表格 合并单元格
效果图代码放置位置 done : function(res, curr, count) { merge(res); } function merge(res) { var data = res.data; var mergeIndex = 0;//定位需要添加合并属性的行数 var mark = 1; //这里涉及到简单的运算,mark是计算每次需要合并的格子数 var columsName原创 2020-08-31 19:15:06 · 1979 阅读 · 0 评论 -
layui 表格中写方法
{field:'warnDay', minWidth:150, title: '超期预警',templet:function(d){ if(d.warnDay.indexOf("-") != -1){ return "已超期"+d.warnDay.substring(1) + "天" }else{ return "剩余"+d.wa.原创 2020-08-27 14:14:11 · 274 阅读 · 0 评论 -
layui按钮css代码(css自定义按钮封装)
fieldset{border: 1px solid #ccc;color: #666;padding: 10px;margin: 10px;}/*默认*/.oy-btn{ display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #17bd88; color: #fff; white-space: nowrap; .转载 2020-08-25 11:07:35 · 1176 阅读 · 0 评论 -
layui select 清空 插件
原创 2020-07-30 10:26:24 · 2469 阅读 · 3 评论 -
layui 绑定内容改变时间 onchange
JS layui.use(['form'], function() { form=layui.form; form.on('select(brickType)', function(data){ var val=data.value; console.info(val); }); });Html <select style="width: 250px !important;" l原创 2020-07-01 14:57:59 · 892 阅读 · 0 评论 -
layui 单选框
html <div class="layui-input-block" style="line-height: 38px;"> <input type="radio" name="productTrain" value="1" v-model="bazaarInfo.productTrain" lay-filter="productTrain" title="无"> <input type=原创 2020-06-30 10:57:27 · 708 阅读 · 0 评论 -
layui 弹出html 最大化
window.test = function() { var index = layer.open({ title: "日志", type: 1, content: $("#showRecordForm"), end: function(){ vm.showRecordForm = false; layer.closeAll();..原创 2020-06-17 14:49:41 · 1046 阅读 · 2 评论 -
Layui点击图片弹框预览
function previewImg(obj) {var img = new Image();img.src = obj.src;//var height = img.height + 50; // 原图片大小//var width = img.width; //原图片大小var imgHtml = “”;//弹出层layer.open({type: 1,shade: 0.8,offset: ‘auto’,area: [500 + ‘px’,550+‘px’], // area..转载 2020-06-01 14:48:17 · 1875 阅读 · 0 评论 -
layui列表筛选列
layui 列表筛选列原创 2020-06-01 09:52:14 · 6526 阅读 · 5 评论