jQuery Girl
  1. jQuery Girl
  3. Utilisation du glisser-déposer avec jsTree et DataTables
Intereting Posts
ASP.NET MVC force une demande AJAX à être redirigée vers la page de connexion lorsque la session FormsLogin n’est plus active. Remplacer et afficher une nouvelle page après que la valeur ait été sélectionnée dans la liste déroulante dans jsp Sélection de tous les div avec png background-image Passer de EF à Fluent NHibernate: Fuites de mémoire, architecture Affichage de l’avertissement de dépassement de délai dans jQuery Les entrées ne fonctionnent qu’après le deuxième clic Connexion PHP AJAX, cette méthode est-elle sécurisée? jQuery – Utiliser .one () avec le survol Ajouter une fenêtre déplaçable à une page à l’aide de Greasemonkey es6 classe. this.addeventlistener La désactivation de `@grant none` interrompt mon script Greasemonkey? Arrêtez de glisser lorsque vous lisez une vidéo Vimeo ou Youtube dans le curseur Problème de validation du formulaire JQuery: l’ID du champ Salesforce commence par le chiffre Un moyen facile de savoir quelles fonctions JQuery sont nécessaires? Conserver la scope lors du chargement du script avec jQuery

Utilisation du glisser-déposer avec jsTree et DataTables

J’ai un jsTree et un DataTable . J’essaie de copier des nœuds que j’ai déplacés de mon arborescence vers une cellule de ma table. Est-ce que quelque chose comme ça est possible?

Il ne montre même pas les alertes

Ceci est dans mon HTML: 

  •  
    •  
      
     1 Column 2 Column

    C’est mon js: 

     $(document).ready(function() { $("#tree1").jstree({ // List of active plugins "plugins" : ["themes", "html_data", "dnd"], "html_data" : { "data" : "
  • Parent node
    • " }, "themes" : { "theme" : "default", "dots" : true, "icons" : true }, "dnd" : { "drop_finish" : function() { alert("DROP"); }, "drag_check" : function() { }, "drag_finish" : function (data) { alert("DRAG FINISH"); } }, "core" : { "initially_open" : ["root"] } }); $('#table').dataTable({ "bPaginate" : false, "bSort" : false, "bInfo" : false, "bFilter" : false }); });

    J’ai un deuxième arbre (qui est essentiellement le même) et le glisser-déposer entre les deux fonctionne (sauf si j’essaie de déposer un élément enfant sur l’un de ses propres éléments parents, auquel cas l’arbre entier disparaît, mais c’est pas mon problème principal en ce moment)

    J’ai essayé la réponse sur ce fil, mais les alertes ne sont toujours pas affichées.

    Toute aide sur la façon de résoudre ce problème est grandement appréciée (elle n’a pas besoin d’utiliser jstree, c’est ce que j’ai trouvé)

    Le rappel de repository est appelé lorsque quelque chose est déposé à l’intérieur de l’arborescence elle-même. Pour obtenir ce que vous tentez, vous devez marquer votre table comme “droppable” et autoriser le glisser-déposer d’éléments à l’intérieur. Il s’agit d’un plugind faisant partie de l’interface utilisateur de Jquery . utilisez cette documentation pour le faire ..

    Droppable Documentation