前端:LayUi监听表格单元格,编辑后恢复原数据

{# edit是固定事件名,table_lay-filter是table原始容器的属性 lay-filter="对应的值" #}
          table.on('edit(course_table)', function(obj){
              console.log("监听事件的obj====》",obj)
              let value = obj.value //得到修改后的值
              let data = obj.data //得到所在行所有键值
              let field = obj.field; //得到字段
              console.log("当前单元格数据===》",obj.data)
              console.log("修改后的数据是否为整数==>",Number.isInteger(parseInt(value)))
              {#判断输入的值是不是整数#}
              if (Number.isInteger(parseInt(value))){
                  const course_id = data.course_id
                  $.ajax({
                      url:"",
                      data:{
                          "course_id":course_id,
                          "parameter":field,
                          "new_data":value
                      },
                      type:'POST',
                      dataType:'json',
                      success:function (data) {
                          if (data.state == 200){
                              layer.msg("修改成功!")
                          }else{
                              layer.msg("系统出错,请联系管理员!")
                          }
                      }
                  })
              }else {
                  layer.msg("请输入整数!")
                  let text = $(this).prev().text();//得到修改前的值
                  $(this).val(text);
              }
          });

猜你喜欢

转载自blog.csdn.net/weixin_38676276/article/details/107473382
今日推荐