在pug中编辑表格的单元格并将已编辑的数据保存到数据库中

Question

我有一个用哈巴狗或玉制成的桌子，我想编辑桌子的单元格并将编辑后的数据保存到数据库中。

div（class =“”，style =“最大宽度：60％; display：flex; flex-flow：row wrap; flex-basis：auto;”）-var columnList = [“源”，“关键字”，“状态”，“描述”]

 div(class="tbl_")
            div(class="tblHeader_ fourColumn_")
                each item in columnList
                    div(class="tblCell_") #{item}
            div(class="tblBody_")
                each keyword in keywords
                    div(class="tblRow_ fourColumn_")
                        div(class="tblCell_") #{keyword.Source}
                        div(class="tblCell_") #{keyword.Keyword}
                        if keyword.Status == 0
                            div(class="tblCell_") None
                        else if keyword.Status == 1
                            div(class="tblCell_") Data Collection
                        else if keyword.Status == 2
                            div(class="tblCell_") Data Processing
                        else if keyword.Status == 3
                            div(class="tblCell_")DataCollecton/Processing
                        div(class="tblCell_") #{keyword.Description}

$(function () {
$("#div table td").dblclick(function (e) {
e.stopPropagation();
var currentEle = $(this);
var value = $(this).html();
updateVal(currentEle, value);
});
});

function updateVal(currentEle, value) {
$(currentEle).html('<input class="thVal" type="text" value="' + value + '" 
/>');
$(".thVal").focus();
$(".thVal").keyup(function (event) {
if (event.keyCode == 13) {
$(currentEle).html($(".thVal").val().trim());
}
});

$(document).click(function () { // you can use $('html')
$(currentEle).html($(".thVal").val().trim());
});
}

[我尝试了上面的js代码，但是没有用，我还在pug中提供了表代码，请提供给我正确的Java脚本代码，可以编辑表的单元格并将已编辑的数据保存到数据库中。

Answer 1

我对Pug不太熟悉，但是您可以检查可编辑的JS进行内联编辑。它可能为您工作。

https://appelsiini.net/projects/jeditable/