jquery - 如何在 MVC 中绑定 HandsonTables

Question

我正在使用 MVC4 开发一个 Web 应用程序。我在 UI 中有 HandsOnTable。我尝试使用 json 绑定数据，但不能。并且不告诉显示错误。这是代码片段

$.ajax({
            url: "/Customer/GetSpreadSheetGrid",
            type: "GET",
            dataType: "json",
            data: { customerId: customerID }
        })
            .success(function (result) {
    var vSpreadSheet = document.getElementById("SpreadSheetgrid");
        $("#SpreadSheetgrid").handsontable("loadData", result);
    })
    .fail(function (r, o) {
        alert("Failed : " + r.responseText);
    });
    }

这是我的控制器方法

public JsonResult GetSpreadSheetGrid(int customerId)
    {
IEnumerable<tblCustomerSpreadsheetInfo> resResult = null;
// Calling SP
resResult = _customer.GetCustomerCustomInfoByCustomerID(customerId);
return Json(resResult, JsonRequestBehavior.AllowGet);
    }

这段代码有什么错误。

Answer 1

<div id="dataTable" class="dataTable"></div>    
$("#dataTable").handsontable({
       rows: 6,
       cols: 8,
       contextMenu: true,
       colHeaders: true
    });
    var url = "/Home/GridData";
    $.get(url, null, function (data) {
    $("#dataTable").handsontable("loadData", data);
    strong text});

这是 HomeController 中的方法

public JsonResult GridData()
        {
            var jsonData = new[]
                         {
                             new[] {"1", "4", "Is this a good question?"},
                             new[] {"2", "5", "Yes."},
                             new[] {"3", "6", "It is!"}
                        };

            return Json(jsonData, JsonRequestBehavior.AllowGet);
        }

我用这段代码实现了将控制器方法绑定到掌上电脑。但我真的很难获取数据并将其作为 string[][] 传递给控制器​​方法。

Answer 2

如下修改你的jquery ajax（在成功和失败函数中保留一个调试器。使用IE和Visual Studio调试它。如果有错误，你可以看到错误。

$.ajax({
        url: "/Customer/GetSpreadSheetGrid",
        type: "GET",
        data: { customerId: customerID },
        contentType: "application/json; charset=utf-8",
        success: function (_results) {
             debugger;
            var vSpreadSheet = document.getElementById("SpreadSheetgrid");
            $("#SpreadSheetgrid").handsontable("loadData", result);
        },
        error: function (_results, status) {
            debugger;
        }
    });