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了