使用 Javascript 在 MVC 中编辑 A Table

Question

我对 MVC 和编码还很陌生。我有一个使用 MVC 创建的 table，但我想连接 JavaScript 以启用内联编辑并 post 返回数据库。我想我看了太多教程，以至于我现在对如何执行它感到困惑。有没有人可以向我介绍如何开始连接 JavaScript 的正确方向，以便我可以完成内联编辑。

Answer 1

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

这是我在您单击“编辑”后创建的函数的代码：

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.");
        }
    }
})

}

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

使用 Javascript 在 MVC 中编辑 A Table

Editing A Table In MVC using Javascript

html

javascript

inline-editing

asp.net-mvc-4