Quasar App Extension QDraggableTree
-
I just released the new quasar extension QDraggableTree. It allows you to drag and drop the nodes in the Quasar QTree.
Github: https://github.com/mayank091193/quasar-draggable-tree
-
Good job!
-
Thanks a lot!
-
Fantastic! Just what we needed!
Suggestion for small improvement…
When a child node is dragged onto a parent which is not expanded, auto expand the parent and add the child. Currently the child becomes a new parent level node when it’s dropped. -
Also, there doesn’t seem to be a way to select a node. Tried :selected.sync=“selected” as for native q-tree but doesn’t do anything.
-
It isn’t mobile optimised. : ( I think you should put that on the front page. Saves time for a lot of people. And the transitions are buggy. Also worth mentioning that if I am correct this component does not use
q-tree!? If so don’t expect exactly the same functionality as documented in the Quasar docs. -
Thanks for writing. Yes, you are right. It doesn’t use q-tree directly but it does use its classes. I have noted the feedback from you and other users and I will consider all those in the next version.
-
@CWoodman I will consider your points while building the new version.
-
In case you want the QDraggableTree Codepan example. I have fixed a few things as well which I’ll update in the NPM package soon.
-
@mayank091193 Great component! Is it mobile/touch compatible?
-
@dobbel Well, I have used vuedraggable in the component and it is touch compatible. So ideally it should work fine on mobile devices as well. I had performed basic testing on the mobile device and it was working fine.
Please note, this is the initial version and you may not find the required features. Sorry about that. I’ll be adding more features in future releases.
-
QDraggableTree v0.0.3 has been released!
- Fixed the dragging issue
- Small improvements
