使用 Javascript 在 MVC 中编辑表

Editing A Table In MVC using Javascript

本文关键字：编辑 MVC Javascript 使用      更新时间：2023-09-26

我对MVC和编码很陌生。 我有一个使用 MVC 创建的表，但我想挂接 JavaScript 以启用内联编辑并回发到数据库。 我想我一直在看太多教程，我现在甚至对如何执行这个感到困惑。 有没有人可以给我一个正确的方向，告诉我如何开始连接JavaScript，以便我可以完成内联编辑。

这是我解决问题的方式。 这适用于任何想知道如何对使用 html 创建的表进行内联编辑的人。

这是我单击"编辑"后创建的函数的代码：

function editThis(element) {
var customerID = $(element).closest('tr').find('.customer-stored-   id').attr('data-value');
GetByID("Home/Edit", customerID, replaceCustomerRow, element);

}

此函数替换行

function replaceCustomerRow(result, element) {
$(element).closest('tr').replaceWith(result);

}

此函数将获取 ID

function GetByID(url, id, callback, param1) {
$.ajax({
    url: "../../" + url + "/" + id,
    type: "GET",
    success: function (result) {
        if (callback != null && callback != undefined) {
            callback(result, param1);
        }
    },
    error: function (result) {
        if (result.responseText != '') {
            alert(result.responseText);
        }
        else {
            alert("An error occurred while processing results.  Please consult an administrator.");
        }
    }
})

}

然后，您只需为控制器编写代码。 很简单，但它有效。

相关文章：