Layui
Layui使用
知北行
不积跬步,无以至千里,不积小流,无以成江海
展开
-
解决同时引入bootstrap样式与layui样式导致layui部分样式被覆盖的问题
问题1:网页整体布局用的是bootstrap3的样式,但同时使用了layui的数据表格来进行表格数据的展示,导致layui的表格中的按钮字体颜色被bootstrap的样式覆盖。错误样式如下图(操作栏的按钮图标):解决方法:方法1:layui.table回调覆盖在 layui 表格数据加载的回调方法中(table.render中的done()方法),通过 jquery类选择器,重新设置其字体颜色:$(".layui-table-col-special a").addClass("barColor原创 2020-09-06 18:47:18 · 5375 阅读 · 0 评论 -
layui——小问题汇总及例子(2020.4.5)
1.layui.table组件使用,关于右侧的defaultToolbar,如果需要使用自定义工具栏方法,layui需要更新到官方2.5.5版本的layui。版本问题有时很常见。参考:https://www.cnblogs.com/30go/p/11809287.html2.layui.table自动加序号,在table.render()方法中加入这一行,{ type: 'numbers',...原创 2020-04-05 18:32:14 · 977 阅读 · 0 评论 -
layui——table重载问题BUG
layui.table使用重载时,如果表格初次加载时使用异步数据接口(url),那么在使用表格重载方法reload时,必须也使用异步数据接口(url),来来重载表格,如果使用静态数据data重载,无法重载,必须重新使用render重新渲染表格!!!巨坑...原创 2020-04-05 17:56:08 · 1951 阅读 · 8 评论 -
layui——table自动加序号列
在table.render()方法中,加上这一行,{ type: 'numbers', title: '序号', width: 80, fixed: 'left' }//序号列使用示例: table.render({ elem: '#LAY_table_user' , url: '/AbandonAppl...原创 2020-04-05 17:19:12 · 9679 阅读 · 1 评论 -
layui table组件按条件查询的实现
主要是在后台实现数据的条件查询,然后将按条件查询出来的结果返回给前端,重载表格。这里实现环境我使用的是.net mvc框架。1.首先定义查询按钮;<button id="reloadBtn" class="layui-btn" data-type="reload">搜索</button>2.定义要查询时需要传递的值,比如我这里是针对工夹具的某个属性,主要传递两个值...原创 2020-02-17 18:29:33 · 8428 阅读 · 1 评论 -
layui.form用ajax提交表单时的问题(巨坑)
主要问题:使用layui的form组件用ajax提交表单发送请求时,总是无法收到回调函数,success与error中的回调均不执行,且该表单会自动刷新。解决办法:在提交表单的方法form.on()中添加return false,以防止表单自动跳转刷新代码示例: form.on("submit(sub)", function (obj) { ...原创 2020-02-19 12:41:29 · 6128 阅读 · 1 评论 -
layui.table设置特定某行的css样式(禁用复选框,)
主要利用layui.table.render()的done()回调方法中编写,这里给出部分有注释的代码,使用时可以根据实际调整 table.render({ elem: '#LAY_table_user' , url: '/Storage/GetFixureData' , tit...原创 2020-03-07 17:01:50 · 3338 阅读 · 2 评论 -
layui数据表格分页无法正常显示
应该先利用layui table中的parseData方法手动将数据切片分页,代码如下,要点是parseData: function(res){}中的方法,对从url中get到的数据进行手动分页处理。 layui.use('table', function(){ var table = layui.table; table.render({ ...原创 2019-09-22 19:05:22 · 12238 阅读 · 49 评论 -
layui表格传入数据
layui表格传入的数据格式为JSONObject类型。其有固定键值对为code,msg,count,data。所以在后台处理数据时要将数据组装成该格式,这样表格才能在网页上正确显示。我这里是通过数据库查询的数据,直接返回了一个jsonarray的数据,所以要正确显示,就要在后台组装成上面的格式。这里背景是springboot项目,用html网页通过get向后台请求表格数据:后台代码:...原创 2019-09-19 17:13:03 · 1513 阅读 · 0 评论