在layui数据表格中修改数据

最新推荐文章于 2024-10-24 14:15:23 发布

不過

最新推荐文章于 2024-10-24 14:15:23 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_44542146/article/details/118048301

本文介绍如何在layui框架中修改数据表格的内容。主要步骤包括开启单元格编辑，利用edit: 'text'属性开启输入框，通过获取选中行数据进行编辑操作，并在弹出层中实现保存功能。利用layui的btn按钮回调和事件监听实现确认和取消功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、修改layui表格中的数；
1、layui表格中开启输入框：edit:’text’;

 //渲染表格组件
            tableInsT  = table.render({
   
   
                elem: '#tesc',
                url: '${pageContext.request.contextPath}/admin/compilation/list2?studentid='+data.studentid,
                cols: [[
                    {
   
   type: 'checkbox', fixed: 'left',LAY_CHECKED:true,hide:true},
                    {
   
   field: 'statementid', title: "statementid",width: 100,hide:true },
                    {
   
   field: 'studentid', title: "#",width: 50},
                    {
   
   field: 'moneyid', title: "moneyid",hide:true},
                    {
   
   field: 'clauseid',title: "款项" ,align: "center",width:150,templet:"#selectClause"},
                    {
   
   field: 'paymentid', title: "收费方式", align: "center" , width:110