layui抓取表单数据


当前第2页 返回上一页

2、js 事件监听

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

// 保存

form.on('submit(btnSave)', function (data) {

    console.info('开始保存');

  

    // * 按钮禁用

    var isDisabled = $("#btnSave").hasClass('layui-btn-disabled');

    if (isDisabled) {

        return false;

    }

  

    // * 整合表单数据

    var formData = data.field;

    $.extend(formData, { Id: $("#hiddenId").val() });

    console.info(formData);

  

    // * 确定路径

    var url = "";

    if (editMode == "add") {

        url = urlEnum.Add;

    } else if (editMode == "update") {

        url = urlEnum.Update;

    } else {

        alert('编辑模型不确定, add / update');

        return;

    }

  

    // * 发起请求

    $.ajax({

        data: formData,

        type: "POST",

        dataType: "JSON",

        url: url,

        beforeSend: function () {

            // 禁用

            $("#btnSave").addClass('layui-btn-disabled');

        },

        complete: function () {

            // 启用

            $("#btnSave").removeClass('layui-btn-disabled');

        },

        success: function (result) {

            console.info("保存数据成功,返回的数据为:↓ ");

            console.info(result);

  

            if (result.Status) {                           

                // 刷新列表

                parent.$("#mainGrid").bootstrapTable("selectPage", 1);

  

                // 确保在最后关闭窗体

                parent.layer.close(parent.layer.getFrameIndex(window.name));

            } else {

                // 提示失败

                layer.alert(result.StatusMessage, { title: '提示信息', icon: 5 });

            }

        }

    }); // end ajax

  

    return false;

});

更多layui相关知识请关注layui框架。

以上就是layui抓取表单数据的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui抓取表单数据

layui中layer的宽高怎么自定义设置?

layui弹出层闪退解决

layui数据表格隐藏列的方法介绍

如何运用layui数据添加页面的前端布局?(附源码)

layui中如何获取表格数据

layui怎么导入excel

layui框架分页设置详解

layui怎么使用

layui框架常用输入框介绍

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...