zoukankan      html  css  js  c++  java
  • Layui数据表单的编辑

    使用layui对单元格进行编辑并保存

    先是要引入layui的JS和CSS

    然后创建一个表格


    而重要的是edit这个属性,只有使用了这个属性的一列数据表格才可以编辑,其余的都不可以进行编辑

    然后使用layui的监听事件获取到数据

    再声明1个全局变量用于装所在行的相关数据,当然我们需要的并不是所有的数据,而是加了edit这个属性的那一条数据,

    var data =obj.data

    var commodityName=data.CommodityName
    1
    2
    3
    obj是控制器返回给页面的值

    commodityName是便于数据的使用

    这样我们就能获取到修改后的数据了

    我们只要CommodityName这个数据

    再使用Post或者ajaxSubmit请求,传递将修改后数据给控制器,并保存

    而保存的大概思路和一般的模态框保存基本相同

    第一步先判断数据库是否有了相同的数据,如果有则返回false不进行保存

    如果第一步判断成功后,就将查询要修改的数据,并将其状态改为修改


    dbUser是查询出来的数据的一个集合名称

    并将修改后的数据赋值给查询的这张表

    然后返回数据给页面

    这样一次只能保存一行数据

    如果需要保存多行数据,就得每修改一次单元格就保存一次

    而没有加上edit这个属性的列,是无法点击编辑


    如果需要修改的数据较少,那么layui的数据表格编辑是一个很不错的方法

    注意:

    如果只是给表头加上edit属性,不写监听事件的话,一样是无法点击表格进行编辑,所以使用时一定要注意。

    在查询数据是一定要记得去掉数据中的空格,防止保存数据时出错

    那么一个简单的数据单元格的编辑就完成了
    --------------------- 

  • 相关阅读:
    在胜利中窥探危机、在失败中寻觅良机
    自我剖析--为了更好的自己
    Python os模块之文件操作
    Python:XXX missing X required positional argument: 'self'
    Python scipy.sparse矩阵使用方法
    计算机视觉算法框架理解
    Python--Argparse学习感悟
    ROC曲线、AUC、Precision、Recall、F-measure理解及Python实现
    Windows版的各种Python库安装包下载地址与安装过程
    NLP常见任务
  • 原文地址:https://www.cnblogs.com/hyhy904/p/10989701.html
Copyright © 2011-2022 走看看