layui
关注
分享
扫一扫
weixin_37914752
既然我已经踏上了这条道路，那么，任何东西都不能妨碍我沿着这条路走下去。
展开
-
layui 实现搜索页码重置
//搜索 $(document).on('click','#search',function(){ var inputs=$('form').serializeJSON(); // if(!$keys){ // return layer.msg('请输入关键词'); // } tableIn.reload({ page: {curr: 1},...原创 2020-12-11 09:55:04 · 1305 阅读 · 0 评论 -
使用Layui实现数据表格中鼠标悬浮图片放大效果，离开时恢复原图
function hoverOpenImg(){ var img_show = null; // tips提示 $('td img').hover(function(){ //alert($(this).attr('src')); var img = "<...原创 2020-01-02 18:48:46 · 637 阅读 · 0 评论 -
Layui表格自定义序号和隐藏ID列
在列里面加type属性{width:80,title:‘序号’,type:"numbers"};隐藏ID列的方法如下：原创 2019-12-14 23:27:13 · 1376 阅读 · 0 评论 -
layui表格转换时间戳&&解决前后端时间戳不一致的问题
由于php后端返回的是时间戳（1565946161），layui表格往往需要将时间戳转换为date格式解决方案: 将时间戳*1000，再交给layui.util工具进行转换。具体代码如下：layui.use(['layer', 'table','form','laydate','util'], function(){ util=layui.util ...原创 2019-08-16 17:13:28 · 1536 阅读 · 4 评论 -
Layui中操作数据表格，给指定单元格添加事件
当我们在操作数据表格的时候，并不是一定要点击表格工具栏中的“查看”按钮，来进行查看，而是点击某一特定的列来进行某些数据查看。例如下图这样。这就涉及到表格的自定义事件。代码如下：<table id='task-list' lay-filter='task-list'></table> // 需要渲染的表格var tableInit = function (data...转载 2019-07-18 18:48:05 · 4239 阅读 · 0 评论 -
layui表格重载时莫名带了很多不该带的参数
layui表格table.reload重载时，带了很多不该带的参数。比如，我想它只传一个值给后端:where:{ id :data.id }可他却多传了where:{id:data.id, page:1,curr:1} 这些 乱七八糟的 值。这个问题困扰我半天了！！！现解决方法如下：table.render({ elem: '#test' ,url:...转载 2019-07-10 15:28:09 · 914 阅读 · 0 评论 -
TP5无限级分类的实现思路与实践
一，数据库设计CREATE TABLE `user_area` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL COMMENT '区域代理名称', `pid` int(11) DEFAULT NULL COMMENT '父级代理ID', PRIMARY KEY (`id`) USING ...原创 2019-07-05 22:34:11 · 1013 阅读 · 0 评论 -
layui实现图片文件上传
其实代码是很简单的，但是有个地方需要注意一下(文末会贴出全部代码)1，服务端tp5代码：这里的文件name要填file，且只能填file。填别的值均无法获取到客户端传来的文件。2，layui前端代码:layui所有代码: public function upload(Request $request) { $file...原创 2019-06-24 18:04:43 · 2238 阅读 · 0 评论 -
使用layui的laydate组件+Tp5 实现根据创建的起始时间进行搜索
最终效果，点击搜索后，前端页面显示符合这个时间区间的数据。这里讲一下大概思路:1,前端使用layui.date 组件。<div class="layui-inline"> <label class="layui-form-label">创建时间</label> <div class="layui-input-i...原创 2019-07-02 17:11:44 · 911 阅读 · 0 评论 -
layui数据表格如何实现显示状态按钮？
要实现的效果如下，审核状态处出现图标,文末会贴出全部代码1，html部分代码（将这段代码粘贴到合适的地方） <script type="text/html" id="buttonTpl"> {{# if(d.status == 1){ }} <button class="lay...原创 2019-06-19 15:28:14 · 7354 阅读 · 6 评论 -
layui数据表格如何实现监控工具栏？
要实现的效果如下：一点击编辑，删除按钮，控制台就会有反应。文末会贴出全部代码。要注意的地方！！！核心代码：table.on得放在layui.use('table', function(){})里面layEvent的值，要与<script>里的html标签的layEvent的值对应起来llay-filter="test" 这个不能漏...原创 2019-06-13 19:22:05 · 891 阅读 · 0 评论 -
layui如何实现数据表格和分页？
要实现的效果如下,文末会贴出全部代码1，注意的地方(url参数)2,html注意要添加ID3,后端代码下面填出全部代码，方便复制粘贴{include file="common/header"}<body class="layui-layout-body"><fieldset class="layui-elem-fiel...原创 2019-06-13 19:13:22 · 12621 阅读 · 2 评论 -
layui数据表格如何加工具栏？
实现的最终效果图（文末会贴出全部代码，方便参考）1， 将此行代码加在红线所在的位置,{fixed: 'right', width: 150, align:'center', toolbar: '#toolbarDemo'}2，在合适的HTML位置加入<script type="text/html" id="toolbarDemo"> <di...原创 2019-06-13 18:58:44 · 5796 阅读 · 2 评论