Handsontable: Hinzufügen von drop-down-Werte dynamisch

Ich bin das hinzufügen einer drop-down, um alle Spalten der ersten Zeile mit dem folgenden code.

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'];
              }
            }
        }
    });

In meinem Zellen-Funktion, die ich versuche, fügen Sie den aktuellen Wert der Zelle, um die Dropdown-Menü aus (default-Werte Code, Typ und Farbe). Aber wenn der Benutzer entschieden, geben Sie bei "Gewicht" in der Zelle, dann würde ich wollen, dass der drop-down-enthalten ("Gewicht", "Code", "Type" und "Color").

Die obige Funktion haben, diese aber nicht richtig... der Wert, Der Hinzugefügt wurde, wurde ersetzt durch den nächsten, jedes mal die Funktion aufgerufen wurde.

Dann habe ich versucht, eine Liste erstellen, die ich möchte hinzufügen, den Wert val an-und Einstellung source dieser Liste.

Aber ich kann mir nicht helfen aber das Gefühl, dass es einen besseren Weg, dies zu tun.

Alle Hinweise wären sehr willkommen!

  • Ich habe eingehend mit dynamisch hinzufügen von Werten zu dropdowns. Können Sie erklären, ein wenig besser, was du meinst, wenn du die Funktion nicht richtig funktioniert? Was es tut, ist das ersetzen der Quelle (in jeder Zelle der Zeile===0) jedes mal, wenn Sie eine änderung an einer Zelle mit dem aktuellen Wert auf jeder Zelle plus die anderen. Was willst du den genau passieren?
  • Hier ist ein Beispiel für das Verhalten. Wir starten mit den folgenden Werten in der drop-down - ("Code", "Type" und "Color"). Der Benutzer entscheidet dann ändern Sie die Zelle Wert von "Code" auf "Gewicht", an diesem Punkt der drop-down-liest ("Gewicht", "Code", "Type" und "Color". Nun, wenn der Benutzer beschließt, Sie zu ändern "Gewicht" für "Höhe" drop-down würde dann gelesen ("Height", "Code", "Type" und "Color"). Aber ich möchte es zu Lesen ("Height", "Gewicht", "Code", "Type" und "Color"). Kurz gesagt ich möchte alle Werte, die irgendwann einmal in der ersten Zeile werden in die drop-down.
InformationsquelleAutor d9120 | 2015-01-30
  1. 3

    Ich sehen, aus was dein Kommentar sagt, Sie scheinen zu wollen, um ANHÄNGEN von Werten an Ihre Quellen-Liste. Also, ich würde Folgendes vorschlagen:

    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
          }
        }
    }
});

    Was dieser tut, ist fügen Sie den aktuellen Wert in der Liste "Quelle". Das nächste mal, wenn Sie einen Wert eingeben, es wird angefügt, anstatt ersetzt.

    • Super!!! Danke für die Hilfe
    • Gibt es eine Möglichkeit zum hinzufügen von Daten ändern von dropdown auf den Wechsel von einem anderen dropdown ? Ich bin tring afterChange Rückruf, aber nicht gelungen, noch
    • Könntest du vielleicht posten Sie eine Frage mit einer genaueren Erklärung? Sie KÖNNEN tun, was Sie vorgeschlagen sind, aber die Besonderheiten kann schwierig sein
    InformationsquelleAutor ZekeDroid
  2. -5
    <select ng-repeat="myModel">
 <option value=1>First Selection</option>
 <option value=2>Second Selection</option>
</select>
    • Betrachten Sie erklären, was dein code tut und wie er die Frage beantwortet.
    InformationsquelleAutor user1789573
Schreibe einen Kommentar