使用 Javascript 在 MVC 中编辑表答案

【问题标题】：Editing A Table In MVC using Javascript使用 Javascript 在 MVC 中编辑表
【发布时间】：2015-03-11 02:13:37
【问题描述】：

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

【问题讨论】：

太宽泛了（有很多可能的方法来解决这个问题）。请参阅this fiddle 了解一种可能的方法 - 弹出表单来编辑所选行

标签： javascript html asp.net-mvc-4 inline-editing

【解决方案1】：

这是我解决问题的方法。这适用于任何想知道如何对您使用 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.");
        }
    }
})

}

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

【讨论】：