将 Json 数据传递给handsontable

Posted 2023-03-22

【中文标题】将 Json 数据传递给handsontable

【英文标题】：Passing Json data to handsontable

【发布时间】：2020-04-12 01:11:43

【问题描述】：

我正在尝试从我的数据库中获取数据并使用 Json 将其显示在 handsontable 中。这是我到目前为止编写的代码。谁能指导我如何解决这个问题。

        [HttpGet]
        public JsonResult Index()
        
            IEnumerable<SupplierTypeDto> supplierType = new List<SupplierTypeDto>();
            var apiResponse = Post<List<SupplierTypeDto>>("api/SupplierType/SuppliersType", null);

            if (apiResponse != null)
            
                if (apiResponse.Success)
                
                    supplierType = apiResponse.Data;
                    // ShowSuccessMesage(string.Format(ResponseMessages.DATA_Load_Success, "Customers"));
                

            
            else
            
                ShowErrorMesage(ResponseMessages.API_NoResponse);
            

            return Json(supplierType,JsonRequestBehavior.AllowGet);
        


 The code added below has data part and I want that data from Json so I can show it in Index file.

      <script>
            const data = [
  ['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
  ['2019', 10, 11, 12, 13],
  ['2020', 20, 11, 14, 13],
  ['2021', 30, 15, 12, 13]
];

const container = document.getElementById('example');
const hot = new Handsontable(container, 
  data: data,
    rowHeaders: true,
  licenseKey: 'non-commercial-and-evaluation',
  colHeaders: true
);
        </script>

【参考方案1】：

你有行

const container = document.getElementById('example');

但示例中提供了非 html。所以可能你只需要添加

<div id="example"></div>

到你的 html 代码

【讨论】：

我已将该 div 添加到我的 html 代码中，它正在显示该数组数据，但问题是我想要的数据是通过 Json 从数据库中获取的，因此我可以将其传递给 handsontable。上面的数据数组只是一个例子。