Layui
由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案
倘若hfl
这个作者很懒,什么都没留下…
展开
-
layui上传携带参数到后台
before 文件提交上传前的回调,在此回调方法中添加额外参数例:this.data = { ‘type’: 1 };var uploadRender = upload.render({ elem: '#upbox' , url: apiUrl + "/logistics/express/import" //改成你自己的上传接口 , accept: 'file' //普通文件 , before: function (obj) { this.原创 2021-02-06 11:22:29 · 864 阅读 · 0 评论 -
解决layui 数据表格固定列与表格不对齐,高度不一致
大家可能遇到过这种情况,表格的固定列高度和表格不一样原因:表头或者标题数据换行,导致高度不一致解决:在表格的done 回调中done: function (index, layero) { //表头部分 //动态监听表头高度变化,冻结行跟着改变高度 $(".layui-table-header tr").resize(function () { $(".layui-table-header tr").each(function原创 2021-02-04 16:50:48 · 6177 阅读 · 7 评论 -
Layui的tabs选项卡 进入只加载一个页面的请求,切换tab再加载对应页面请求
进入页面后会加载所有的请求,但当我们嵌入的是iframe,需要切换页面才加载对应页面的请求,这样做就行了<div class="layui-tab layui-tab-card"> <ul class="layui-tab-title"> <li class="layui-this">页面一</li> <li>页面二</li> <li>页面三</li>原创 2021-02-01 14:29:40 · 3286 阅读 · 0 评论 -
解决layui上传相同文件choose只触发一次
问题:上传相同文件第二次之后不会触发choose,只有第一次有效解决: var uploadRender = upload.render({ elem: '#test' ,url: 'xxx' //改成您自己的上传接口 ,accept: 'file' //普通文件 ,choose: function(obj){ uploadRender.config.elem.next()[0].value = ''; } ,done: function(res){原创 2021-01-22 15:41:16 · 1756 阅读 · 5 评论 -
layui带搜索选择框删除输入框内容后不选择,不自动填充上次选择内容
问题描述:layui的带搜索选择框选择之后,删除输入框的内容,不选择其他项,点击页面其他地方,选择框的内容还是上次选择的,并没有删除成功需实现:当输入框的值被删除为空时,不选择不会填充上次选择的内容ps:总有些奇怪的需求和功能<div class="layui-form-item" id='contsel'> <label class="layui-form-label">包含商品</label> <div class="layui-inline">原创 2021-01-08 14:51:42 · 1198 阅读 · 1 评论 -
layui的tabs选项卡切换刷新页面
默认不会刷新,使用以下方法即可element.on('tab(tabcard)', function (data) { var src = $(".layui-tab-item.layui-show").find("iframe").attr("src"); $(".layui-tab-item.layui-show").find("iframe").attr("src", src); });原创 2020-12-28 17:31:37 · 5117 阅读 · 1 评论 -
layui数据表格前端搜索
前端搜索代码中有注释$('#app').on('input', '#table-search-input', function (e) { console.log('e', e) isSearchInput = true if ((!e.target.isNeedPrevent)) reloadTable(isFrontSearch) }) .on('compositionstart', '#table-search-input', functio原创 2020-12-11 15:54:39 · 1318 阅读 · 1 评论