来自设置对象的 Handsontable 自动完成源（对于每个单元格）答案

【问题标题】：Handsontable autocomplete source from settings object (for each cell)来自设置对象的 Handsontable 自动完成源（对于每个单元格）
【发布时间】：2015-11-26 11:43:48
【问题描述】：

伙计们。

我正在尝试从对象中获取每个单元格的自动完成设置。使用对象的属性名称指向每个对象的数据属性适用于所有其他类型，但不适用于自动完成的“选项”。这是我的设置对象的示例，我将其传递给 Handsontable 初始化：

      var settings = {
        columns: [
          {data: 'base_image', type: 'text', renderer: HsCustomRenderers_image},
          {data: 'description', type: 'text', renderer: HsCustomRenderers_text},
          {data: 'name', type: 'text', renderer: HsCustomRenderers_text},
          {data: 'price', type: 'text', renderer: HsCustomRenderers_number},
          {data: 'quantity', type: 'text', renderer: HsCustomRenderers_decimal},
          {data: 'sku', type: 'text', renderer: HsCustomRenderers_text},
          {data: 'status', type: 'text', renderer: HsCustomRenderers_text},
          {type: 'autocomplete', strict: false, source: 'visibility.value.selected')
          // {data: 'visibility.value.selected', type: 'autocomplete', strict: false},
        ],
        colHeaders: ['Image', 'Descriptions', 'Name', 'Price', 'Quantity', 'SKU', 'Status', 'Visibility']
        // More settings to follow
      };

我说的是对象的最后一行，尤其是这部分：

来源：'visibility.value.selected'

在数据对象中，这是一个数组，但是当传递给Handontable时，它是作为字符串传递的，这会阻止它工作:(

这是我在 Angular 指令的链接函数中初始化 HOT 的方法：

        var hot = new Handsontable(document.getElementById('datagrid'), {
          data: scope.gridData,
          rowHeaders: true,
          colHeaders: settings.colHeaders,
          contextMenu: true,
          columns: settings.columns
        });

这个对象将从 API 返回，目前在我的 Angular 控制器中。也许我应该解析控制器中的属性？

P.S.：很抱歉英语不好，如有需要会提供更多细节和代码！

【问题讨论】：

为什么将它作为字符串传递？当然要解析，但不是在控制器中，在JS端解析

标签： javascript angularjs handsontable

【解决方案1】：

是的，在 JS 端解析它，作为源的字符串不起作用。你可以使用类似的东西

JSON.parse(dataFromServer)

这应该将其解析为一个对象，然后您应该修改该对象以适应 sources 格式。

【讨论】：