Réglage dynamique des données de la cellule déroulante dans handontable

Question

Salut c'est mon début avec Handsontable et j'essaye d'implémenter une fonctionnalité dans laquelle les valeurs de liste déroulante d'une cellule dépend de la valeur d'une autre cellule. Lors d'un événement de modification de la cellule 1, je souhaite charger la nouvelle source de données dans la ligne 2 qui est une cellule déroulante.

Lorsqu'un utilisateur sélectionne une valeur dans la cellule d'un hôtel, l'appel ajax est effectué pour trouver les types de pièce. Je souhaite que les types de chambres soient disponibles dans la cellule de type de pièce adjacente au champ d'hôtel modifié.

Aidez-moi s'il vous plaît. Merci

Answer 1

Vous pouvez jeter un oeil à afterChange afin de déclencher des changements dans la cellule 1.
Ensuite, vous pouvez utiliser setCellMeta pour mettre à jour la source de données du nombre de cellules 2.
Enfin, jetez un oeil à le autocomplete with ajax source, puisque la liste déroulante est basée sur la saisie semi-automatique, elle fonctionnera de la même manière.

Votre code ressemblera que:

var myTable = new Handsontable($(...), { 
    ..., 
    afterChange: function (change, source) { 
     //choose the source you want to trigger, accordingly to the doc 
     if((source == 'edit' || source == 'autofill' || source == 'paste')) 
     { 
      /*if you have multiples lines in your handsontable, then 
       the change array has one line per line in your table */ 
      for(var i = 0 ; i < change.length ; i++) { 
       // I suppose here cell 2 is in row 2 (second argument) 
       myTable.setCellMeta(
        change[i][0], 
        2, 
        'source', 
        function(query,process) { 
         $.ajax({...}) 
        } 
       ) 
      } 
     }