Lay UI表格怎么可以获取选中得多行数据传入后台

2020-05-30 10:12:25 578 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

weixin_46344254 墨衍会员 · AI 创作全网分发关注 + 加入社区

Layui表格动态渲染状态按钮：从templet函数到事件绑定的完整实现在前端开发中，数据表格的动态渲染与交互是提升后台管理系统操作效率的关键。其核心原理在于，前端框架通过数据绑定与模板引擎，将后端返回的JSON数据转化为用户可直观操作的DOM元素。这一技术价值在于实现了数据与视图的分离，开发者只需关注数据状态的变化，视图便能自动、高效地更新。在诸如用户管理、订单处理等涉及状态切换的应用场景中，动态渲染操作按钮（如启用/禁用）尤为常见。本文聚焦于Layui这一经典前端框架，深入探讨如何利用其`templet`自定义模板函数，根据行数据状态（如status字段为1或0）动态生成不阅读详情

然后点击加号按钮获取数据

...全文

LayUi表格性能优化：解决大数据量下动态下拉框卡顿问题在前端开发中，处理大规模数据表格时，浏览器渲染性能与JavaScript执行效率是常见的性能瓶颈。其核心原理在于DOM操作与事件绑定的开销会随着节点数量呈指数级增长，尤其在传统UI框架中，一次性渲染大量复杂表单元素会导致主线程阻塞。从技术价值看，优化此类问题能显著提升用户体验与应用响应速度，是构建高性能Web应用的关键。常见的应用场景包括后台管理系统、数据仪表盘等需要展示与编辑海量行数据的界面。本文聚焦于LayUi框架，针对其数据表格中嵌入大量动态下拉框时出现的严重卡顿现象，深入剖析了问题根源，并系统性地提阅读详情

weixin_46344254

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

weixin_46344254 2020-06-01

打赏
举报

好的，感谢！

墨子宸 2020-06-01

打赏
举报

官方有实例的见6楼，然后通过ajax发给服务端，服务端解析json包保存就行了

csdnFUCKINGSUCKS 2020-06-01

打赏
举报

官方示例

weixin_46344254 2020-06-01

打赏
举报

有没有具体案例，让我参考一下，谢谢

沫含天下 2020-06-01

打赏
举报

 

           var checkStatus = table.checkStatus('XXXTable');

            if (checkStatus.data.length == 0) {                  

                Msg_Warn('请选择数据', '');

                return;

            }

           console.log(checkStatus.data);

          AjaxPost(

                        'XXXXXa/XXXX',

                        checkStatus.data,

                        function (res) {

                            if (res != null && res != "") {

                                var json = eval("(" + res + ")");

                                if (json.code == 0) {

                                    //成功

                                }

                                else {

                                   //失败

                                }



                            }

                        }, '', '');



//Post请求包装

function AjaxPost(url, data, success, error, complete) {

    var header = {};

    header["content-type"] = 'application/json';   

    $.ajax({

        type: 'POST',

        url: url,

        headers:header,     

        data: JSON.stringify(data),

        async:true,

        success: function (res) {

           // console.log(res);

            var json = eval("(" + res + ")");

            if (json.code == 301) {

                //token过期

                alert("token过期");

            }

            else if (json.code == 302) {

                //token非法

                alert("token非法");

            }

            else {

                success(res)

            }

        },

        error: function (err) {

            error && error(err);

        },

        complete: function (res) {

            complete && complete(err);

        }

    });



}

weixin_46344254 2020-06-01

打赏
举报

再问一下，怎么将获取的数组传入后台

我这样写，只能传一条数据啊

dmankill 2020-05-31

打赏
举报

传入后台参考批量提交,以数组形式提交或以拼接成固定分隔符的字符串的方式提交都可以提交方式有传统的submit跟ajax都可以

weixin_46344254 2020-05-31

打赏
举报

获取到了多条数据，怎么传入后台呢？

闭包客 2020-05-30

打赏
举报

这个问题可以分为两个步骤，一个是怎么获取选中的行，另外一个是怎么传过去后台。怎么获取选中的行，这个查 layui 的文档会更准确一点，我记得是有一个 checkStatus 之类的函数，可以获取当前选中的行的。如果你的列表有分页的话，那么你就要利用 layui 提供的复选框事件存储选中的行。获取到选中的行之后，可以使用指定的分隔符分隔行 id，也可以使用 json 提交到后台。这种问题的解决方法，无论是不是使用 layui，都是大同小异的。

Lay UI表格怎么可以获取选中得多行数据传入后台

相关推荐