Layui
关注
分享
扫一扫
TSwizzle1327
记录踩过的坑...
不积跬步，无以至千里；不积小流，无以成江海。
路漫漫其修远兮，吾将上下而求索。
展开
-
layui table done与templet
done: function (res, curr, count) { $('th').css({ 'font-size': '14', 'color': 'black' }); for (var i in res.data) { var Grade = res.data[i].Grade; if (Grade == "不合格") { .原创 2021-09-02 16:21:32 · 1471 阅读 · 0 评论 -
layui数据表格判断两列的结果创建另一个列
<script type="text/html" id="RWType"> <span> {{ d.WTLXDESC =="子任务" ? '拆分任务' : (d.FPR==d.RWZXR ? '':'分配任务')}} @*a == "子任务" ? "结果1" :(b ==c ? "结果2" :"结果3")*@ </span></script>{ field: 'RWType', title: '任务类型',原创 2021-09-02 15:47:40 · 228 阅读 · 0 评论 -
Layui自定义消息弹框
官方文档：https://www.layui.com/doc/modules/layer.html#offset layer.open({ title: '站内消息' ,anim: 1//弹出动画 ,content: '内容'//可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同 ,area: ['400px', '300px']//area - 宽高 ,offset: 'rb'//弹出位置 ,btn:['收到']//按钮原创 2021-08-26 15:18:56 · 841 阅读 · 0 评论 -
Layui复杂表头
cols: [ [ { type: 'numbers', rowspan: 2, }, { type: "checkbox", rowspan: 2, width: 50 }, { align: 'center', field: 'Id', rowspan: 2, width: 40, title: 'Id', hide: true }, { a...原创 2021-01-28 16:05:46 · 343 阅读 · 0 评论 -
Layui table使用data绑定数据
var data=[ { "Id":"", "CompanyId":"", "Grade":"", "TPType":"", "UserName":"", "CreateTime":"", "Fantion":"" }, { "Id":"", "CompanyId":"", "Grade":"", "TPTyp原创 2021-06-22 14:55:46 · 5865 阅读 · 2 评论 -
Layui table设置switch开关和复选框状态
<script type="text/html" id="switchTpl"> <input type="checkbox" name="sex" value="{{d.Id}}" lay-skin="switch" lay-text="男|女" disabled lay-filter="switchTpl" {{ d.Sex =="男" ? 'checked' : '' }}> </script>...原创 2021-06-04 20:45:14 · 852 阅读 · 0 评论 -
Layui弹出层自定义样式设置
js：skin: 'title-style-add',//自定义样式名css:.title-style-add .layui-layer-title { /*弹出层title样式*/ background-color: #1e9fff;}官网有更多的操作弹出层官网组件地址：https://layer.layui.com/原创 2021-05-06 17:00:28 · 1217 阅读 · 0 评论 -
Layui分页表单搜索重载
Get方法的table进行搜索时方法重载<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>table.render({ elem: '#TableId', url: dinf.u...原创 2021-02-20 09:18:34 · 307 阅读 · 0 评论 -
layui批量添加选中表格table的数据
//批量添加 html界面@{ ViewBag.Title = "Index"; Layout = null;}<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-eq...原创 2021-01-28 11:52:58 · 1407 阅读 · 0 评论 -
Layui复杂表头以及数据行合计
table.render({ elem: '#TableId', url: '', toolbar: '#ToolbarDemo', defaultToolbar: ['filter', 'exports', ''], 可导出 cols: [ [ { type: 'num...原创 2021-01-12 12:29:11 · 890 阅读 · 0 评论 -
Layui二级联动绑定数据
html代码： <div class="layui-col-xs12 layui-col-sm6 layui-col-md6"> <div class="layui-form-item"> <label class="layui-form-label required">主类型</label> ...原创 2021-01-12 09:38:23 · 380 阅读 · 0 评论