Question

我使用以下代码向第一行的所有列添加下拉列表。

var hot = new Handsontable(container,
    {
        data: results,
        colWidths: [200, 200, 200, 200, 200, 200, 200, 200, 200],
        colHeaders: false,
        contextMenu: true,
        cells : function (row, col, prop) {
            if (row === 0) {
              this.type = 'dropdown';
              var val = this.instance.getValue();
              if(typeof val != 'undefined') {
                this.source = [val, 'Code', 'Type', 'Color'];
              }
            }
        }
    });

在我的单元格函数中，我尝试将当前单元格值添加到下拉列表中（默认值为“代码”，“类型”和“颜色”）。但是如果用户决定输入＆＃34; Weight＆＃34;在单元格中，我希望下拉包含（＆＃34;重量＆＃34;，＆＃34;代码＆＃34;，＆＃34;类型＆＃34;和＆＃34;颜色＆＃34;）。

上面的函数确实这样做但不正确...每次调用函数时，添加的值都被下一个替换。

然后我尝试创建一个列表，我将值val添加到该列表并将source设置为该列表。

但是我无法帮助，但我觉得有更好的方法可以做到这一点。

任何指针都将不胜感激！

Answer 1

我知道，根据您的评论说，您似乎想要将APPEND值附加到源列表中。因此，我建议如下：

var hot = new Handsontable(container,
    {
    data: results,
    colWidths: [200, 200, 200, 200, 200, 200, 200, 200, 200],
    colHeaders: false,
    contextMenu: true,
    cells : function (row, col, prop) {
        if (row === 0) {
          this.type = 'dropdown';
          var val = this.instance.getValue();
          if(typeof val != 'undefined') {
            this.source.push(val); // to add to the beginning do this.source.unshift(val) instead
          }
        }
    }
});

这样做是将当前值附加到源列表。这样，下次输入值时，它将被附加而不是被替换。

Answer 2

<select ng-repeat="myModel">
 <option value=1>First Selection</option>
 <option value=2>Second Selection</option>
</select>

Handsontable：动态添加下拉值

2 个答案: