zoukankan      html  css  js  c++  java
  • layui表单页面编辑字段

    首先呢,咱们在页面的显示表单中添加2个属性,如图:

    可以看到标红的字段哈,然后现在页面上的字段是可以的编辑的了,如下图:

     但是,现在还是不能修改的,必须要写上监听事件:

    table.on('edit(test)', function(obj) {
    var reg = new RegExp("^[0-9]*$");
            //var hex = new RegExp("^#?([a-f0-9]{6}|[a-f0-9]{3})$/");
    var value = obj.value ,// 得到修改后的值
    data = obj.data ,// 得到所在行所有键值
    field = obj.field; // 得到字段
    var old=$(this).prev().text();//旧值
    if(field == "unit" && !hex(obj.value)){
        obj.update({unit:old});
        layer.msg('修改失败、请输入16进制的值', {
            "icon" : 2,
            "time" : 2000
        });
    }else{
                var now_date = new Date();
            var jsonEntity = {};
                jsonEntity["id"] = data.id;
            jsonEntity[field] = value;
            jsonEntity["projectId"] = data.projectId;
        zsg(_path + 'devDetail/updDevDetail.do', jsonEntity, obj);
    }        

    zsg的话就是一个增删改查的方法,额,放出来吧:

    // 增删改操作
        function zsg(url, jsonEntity, obj) {
            $.ajax({
                type : "post",
                url : url,
                data : jsonEntity,
                success : function(mydata) {
                    if (mydata.data == "delSuccess") {
                        layer.msg("删除单个成功", {
                            "icon" : 6,
                            "time" : 2000
                        });
                        obj.del();
                    } else if (mydata.message == "updSuccess") {
                        layer.msg("信息修改成功", {
                            "icon" : 6,
                            "time" : 2000
                        });
                        flush(currentPage);
                    } else if (mydata.message == "saveSuccess") {
                        layer.msg("数据添加成功", {
                            "icon" : 6,
                            "time" : 2000
                        });
                        flush(1);
                    } else if (mydata.status == "saveFail"){
                        layer.msg("数据添加失败:"+mydata.message, {
                            "icon" : 2,
                            "time" : 2000
                        });
                        flush(1);
                    } else if (mydata.status == "fail"){
                        layer.msg("数据添加失败:"+mydata.message, {
                            "time" : 5000,
                            "icon" : 2
                        });
                        flush(1);
                    } else if (mydata.data == "NumOfTicketsIs0") {
                        layer.msg("门票已售空", {
                            "icon" : 5,
                            "time" : 2000
                        });
                    } else {
                        layer.msg("操作失败!未知错误。", {
                            "icon" : 2,
                            "time" : 2000
                        });
                        flush(currentPage);
                    }
                },
                error : function() {
                    layer.msg("对不起,服务器异常", {
                        "icon" : 3,
                        "time" : 2000
                    });
                }
            });
        }

     ok,给显示表单加完属性,写上监听,就ok了

  • 相关阅读:
    2017年前端开发者应该重拾基本技能学习
    手机号码月消费档次API
    实用且免费API接口2
    在线文档转换API word,excel,ppt等在线文件转pdf、png
    火车票抢票API 根据乘客的车次与座席要求快速订票出票
    利用问答机器人API开发制作聊天类App
    用聚合数据API(苏州实时公交API)快速写出小程序
    OllyDbg使用笔记
    解决git commit 大文件推送失败
    每日一语
  • 原文地址:https://www.cnblogs.com/a973692898/p/11848738.html
Copyright © 2011-2022 走看看