Je veux simuler un glisser-déposer avec jquery ou javascript.

Je dois des tables de données où je veux simuler le glisser-déposer.

 <table class="dataTable table table-hover null table-cells dragDropTable table-draggable"  id='tableListViewFields' data-testid='tableListViewFields'>    
     <thead>
         <tr>
             <th>Name</th>
         </tr>
     </thead>
     <tbody>
         <tr class="drag-cue" data-name="test" data-index="1">
             <td class="no-border-right">
                 test
             </td>
          </tr>

     </tbody>                    
</table>

La table de destination est identique.

Alors, comment puis-je simuler un glisser-déposer d'un élément de ligne à un autre?

2
Peter 11 avril 2018 à 15:56

3 réponses

Meilleure réponse

J'ai trouvé une autre solution: J'utilise maintenant https: / /github.com/j-ulrich/jquery-simulate-ext/blob/master/doc/drag-n-drop.md qui a une implémentation très simple du glisser-déposer

0
Peter 12 avril 2018 à 19:21

Vous pouvez le faire via un simple glisser-déposer HTML5 ou comme je l'ai fait avec le plug-in JQuery par ex. Dragula

0
Jakub Kowalski 11 avril 2018 à 13:15

Pour simuler le passage de la première ligne à la seconde, vous pouvez déclencher manuellement l'événement de suppression:

$( ".drag-cue:eq(1)" )
   .trigger("drop", $( $( ".drag-cue:eq(0)" ) ));
0
Marinos An 11 avril 2018 à 13:13