Layui
关注
分享
扫一扫
没有名字随便喊
bug搬运工。
展开
-
针对Layui数据表格单击tr行选中当前行的单选框或者复选框功能
1、table单击tr行勾选checkbox功能：//单击行勾选checkbox事件 var tableDiv; $(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents(原创 2020-06-08 16:51:07 · 2743 阅读 · 0 评论 -
基于Layui开发的X-admin2.0框架监听数据表格行点击事件无反应问题
基于Layui开发的轻量级后台管理X-admin2.0框架问题需求是想要单击监听数据表格行并获取该行数据对象的问题直接用框架文档里的监听行事件根本没有效果table.on('row(bodyTab)', function(obj){})最后还是采用了原生DOM查找的办法获取到tr行的事件监听：,done: function(res, curr, count){ //dom获取到tr行绑定单击事件 $('#DetailDiv').find('.layui-table原创 2020-06-05 15:26:39 · 667 阅读 · 0 评论 -
Layui数据表格解析任意数据格式问题
项目里遇到一个非框架默认格式的json数据，进行数据转换后遇到的bug；如图所示我要解析的json格式为：我的表格需要渲染list里面的数据然后我通过格式转换实现了，然而还需要在页面显示listnnum 和 listynum 的条数值，此时我用data.去取显示undefined...,done: function (data, curr, count) { if(da...原创 2019-11-11 11:04:16 · 3218 阅读 · 0 评论 -
layui数据表格复选框传递参数值到后台并下载文件
需求实现：通过layui框架数据表格渲染方法解析出表格，然后根据表格复选框选中的值（id）来传递到后台，目前需要实现的是调用后台的文件下载接口；由于下载接口不能直接使用ajax方法，所以就用的表单提交来实现参数传递；上代码：首先需要写一个隐藏表单来实现下载功能：<form action="后台下载接口" method="post" name="Form"> ...原创 2019-08-26 15:44:41 · 2162 阅读 · 0 评论 -
layui.tree组件使用以及搜索节点功能
由于项目树形节点比较多需要增加节点搜索功能，所以研究了一下加上社区伙伴的支持，目前功能可以简单实现但细节还需要修改，添加上了组件的基本使用方法和属性，现在分享出来~HTML：<div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" type="button" lay-demo...原创 2019-08-14 14:54:33 · 6064 阅读 · 0 评论 -
Layui动态添加下拉选项值以及根据后台返回数据默认选中某项值的功能
最近项目遇到需要动态加载option选项后还要默认选中某项值的问题，折磨了几天终于试出了目前可以解决的方法。两种方式各有优劣：HTML：<td><span class="colorRed">*</span>运抵国家：</td><td> <select name="currency" id="currency"...原创 2019-05-23 15:05:43 · 8973 阅读 · 2 评论 -
关于layui文件上传-- 多图片上传预览
<html><head><meta charset='UTF-8'><meta name='Author' content='wanghua'><title>Test upload with Layui2</title><link rel='stylesheet' href='/assets/lay...原创 2018-04-09 11:05:42 · 5552 阅读 · 0 评论 -
layer常用提示框用法
一 layer的普通提示框代码：layer.alert('次案件已回库，请选择其他案件', {icon: 5,title: "提示"});title属性不设置时默认为“信息”。如下二 layer 带输入框的提示框注意！必须引入layer.js 如果不行再引入他的延伸js layer.ext.js 或者layer3.0.1版本的layer.js代码...转载 2018-05-18 16:40:58 · 27886 阅读 · 1 评论 -
layui数据表格单击行勾选（多选或者单选行）选项的功能
实现效果： 单击行，自动选中或取消勾选–对于复选框按钮点击行的选中功能：//单击行勾选checkbox事件$('.DetailDiv').on("click",".layui-table-body table.layui-table tbody tr", function () { /*当单击表格行时,把单选按钮设为选中状态*/ var tableDiv; var index ...转载 2018-10-31 15:09:47 · 9464 阅读 · 3 评论 -
Layui 如何监听表格复选框选中值
需要达到的目的：ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入done:function(res){ table_data=res.data;} 将复选框选中的值的id加入数组中，然后传递到后台作为ids参数//自定义数组var table_data=new Array();va...原创 2018-05-18 16:51:59 · 30485 阅读 · 5 评论 -
关于layui框架自带分页和表格重载的接口解析问题
首先要了解框架分页自带的参数有哪些，特别是注意参数名称要和后台一致! **需要注意的是layui框架的数据解析格式问题，data必须是个数组对象的形式才能正常解析否则会很麻烦（亲测过非正常解析，手写js手动动态添加表格） data 格式例如：{ "count": 11, "code": 0, "msg": "", "data": [ {原创 2018-08-09 16:06:31 · 10954 阅读 · 23 评论 -
关于layer.open弹出表单初始化和表单提交更新表格的问题
项目需求：点击表格修改按钮后传入当前tr的值赋值给弹出层的表单（初始值），然后通过修改表单里面的值来提交到后台并更新页面表格数据 首先给按钮绑定弹出层事件，然后初始化表单值layer.open({ title: '仓储信息修改', type: 2, skin: 'layui-layer-rim', //加上边框 ...原创 2018-08-10 16:55:52 · 14984 阅读 · 4 评论 -
关于layui表格渲染templet解析单元格的问题
关于表格解析自定义单元格的解析参数请先详细查看官方文档：http://www.layui.com/doc/modules/table.html#templet然后我简单说一下 templet - 自定义列模板 我在项目中遇到的解析问题： 在解析单元格的时候自定义列为这样：{field: 'tpye', title: '所属类别', align:"center",templet:'#typ...原创 2018-08-16 09:48:46 · 27988 阅读 · 4 评论