Angular-tree-component: Drag and drop?

Created on 20 Jul 2016  ยท  15Comments  ยท  Source: CirclonGroup/angular-tree-component

Any plans to add drag and drop?

Most helpful comment

Thanks for the motivation :) I will definitely push the pedal on this one,
as you are not the only one that requested it.
And don't worry, you don't need to pay - this is an open source project ;)

On Tue, Sep 27, 2016 at 8:46 PM, KeithGillette [email protected]
wrote:

I'm very much looking forward to this functionality, as I would pay for an
AngularJS 2 treeview component that supports drag & drop. I see one out
there right now https://github.com/valor-software/ng2-tree, but your
implementation has significant advantages with its support for keyboard
navigation, customizable field mappings, multi-select, etc.

โ€”
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-249941949,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA2SShpT9gFld2E5n1xdi5rG2oeUwDkqks5quVZigaJpZM4JQQIj
.

All 15 comments

Yes.
But it will take me at least 2 weeks.

I'm thinking about introducing it as a plugin, not to contaminate the
source code too much.

On Wed, Jul 20, 2016 at 1:44 AM, Nathan Pearson [email protected]
wrote:

Any plans to add drag and drop?

โ€”
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17, or mute
the thread
https://github.com/notifications/unsubscribe-auth/ACUsQzhsZYWoeLteFjZB7Svxrv2YDYz-ks5qXVNGgaJpZM4JQQIj
.

_Adam Klein_
_CTO & Co-Founder_
_Tel._ +972-52-747-5633
_blog.500tech.com http://blog.500tech.com_
meetup.com/angularjs-il

That would be cool. Would be nice to have a native Angular 2 alternative to
jstree.

On Wed, Jul 20, 2016 at 9:27 AM, 500Tech [email protected] wrote:

Yes.
But it will take me at least 2 weeks.

I'm thinking about introducing it as a plugin, not to contaminate the
source code too much.

On Wed, Jul 20, 2016 at 1:44 AM, Nathan Pearson [email protected]
wrote:

Any plans to add drag and drop?

โ€”
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17, or mute
the thread
<
https://github.com/notifications/unsubscribe-auth/ACUsQzhsZYWoeLteFjZB7Svxrv2YDYz-ks5qXVNGgaJpZM4JQQIj

.

_Adam Klein_
_CTO & Co-Founder_
_Tel._ +972-52-747-5633
_blog.500tech.com http://blog.500tech.com_
meetup.com/angularjs-il

โ€”
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-233851431,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABQxluCmc0H6C9ti8Dynmf7P4_dh0alEks5qXb_PgaJpZM4JQQIj
.

That's where we're going :)

On Wed, Jul 20, 2016 at 9:41 AM, Nathan Pearson [email protected]
wrote:

That would be cool. Would be nice to have a native Angular 2 alternative to
jstree.

On Wed, Jul 20, 2016 at 9:27 AM, 500Tech [email protected] wrote:

Yes.
But it will take me at least 2 weeks.

I'm thinking about introducing it as a plugin, not to contaminate the
source code too much.

On Wed, Jul 20, 2016 at 1:44 AM, Nathan Pearson <
[email protected]>
wrote:

Any plans to add drag and drop?

โ€”
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17, or
mute
the thread
<

https://github.com/notifications/unsubscribe-auth/ACUsQzhsZYWoeLteFjZB7Svxrv2YDYz-ks5qXVNGgaJpZM4JQQIj

.

_Adam Klein_
_CTO & Co-Founder_
_Tel._ +972-52-747-5633
_blog.500tech.com http://blog.500tech.com_
meetup.com/angularjs-il

โ€”
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-233851431
,
or mute the thread
<
https://github.com/notifications/unsubscribe-auth/ABQxluCmc0H6C9ti8Dynmf7P4_dh0alEks5qXb_PgaJpZM4JQQIj

.

โ€”
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-233853461,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACUsQ6q9NwuSaUDZhSWyuMhWypBbQlz8ks5qXcMJgaJpZM4JQQIj
.

_Adam Klein_
_CTO & Co-Founder_
_Tel._ +972-52-747-5633
_blog.500tech.com http://blog.500tech.com_
meetup.com/angularjs-il

Hello,
I am searching for a tree view with a drag and drop functionality for angular 2 / typecript since a few days. Now I found this post. I hope this plugin will be realized. It would be cool. ;)

Would be nice to have select box options too. Scenario: I have something I
want to add to multiple categories in my tree, I can select them and click
save.

On Mon, Jul 25, 2016 at 3:34 PM, lemacabre [email protected] wrote:

Hello,
I am searching for a tree view with a drag and drop functionality for
angular 2 / typecript since a few days. Now I found this post. I hope this
plugin will be realized. It would be cool. ;)

โ€”
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-234940506,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABQxlqCqB9FB9TZMNqgFj39pappxAWTYks5qZK08gaJpZM4JQQIj
.

Hi,

  1. you can achieve that with a custom template.
  2. I intend to add a multi select option to the tree later on (but if you
    want checkboxes, then it will still be a custom template)

On Mon, Jul 25, 2016 at 3:54 PM, Nathan Pearson [email protected]
wrote:

Would be nice to have select box options too. Scenario: I have something I
want to add to multiple categories in my tree, I can select them and click
save.

On Mon, Jul 25, 2016 at 3:34 PM, lemacabre [email protected]
wrote:

Hello,
I am searching for a tree view with a drag and drop functionality for
angular 2 / typecript since a few days. Now I found this post. I hope
this
plugin will be realized. It would be cool. ;)

โ€”
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
issues/17#issuecomment-234940506>,
or mute the thread
ABQxlqCqB9FB9TZMNqgFj39pappxAWTYks5qZK08gaJpZM4JQQIj>
.

โ€”
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-234944829,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACUsQ9FLdajbCQRIrq8-vKVB6yrfEUdfks5qZLIPgaJpZM4JQQIj
.

_Adam Klein_
_CTO & Co-Founder_
_Tel._ +972-52-747-5633
_blog.500tech.com http://blog.500tech.com_
meetup.com/angularjs-il

Multi select is implemented in the latest version, you can use node.toggleActivated(true) - the true tells it to do multi select.
Then treeModel.getActiveNodes() will return all the selected nodes.

when drag & drop behaviour in the tree be implemented?

I'm very much looking forward to this functionality, as I would pay for an AngularJS 2 treeview component that supports drag & drop. I see one out there right now, but your implementation has significant advantages with its support for keyboard navigation, customizable field mappings, multi-select, etc.

Thanks for the motivation :) I will definitely push the pedal on this one,
as you are not the only one that requested it.
And don't worry, you don't need to pay - this is an open source project ;)

On Tue, Sep 27, 2016 at 8:46 PM, KeithGillette [email protected]
wrote:

I'm very much looking forward to this functionality, as I would pay for an
AngularJS 2 treeview component that supports drag & drop. I see one out
there right now https://github.com/valor-software/ng2-tree, but your
implementation has significant advantages with its support for keyboard
navigation, customizable field mappings, multi-select, etc.

โ€”
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#issuecomment-249941949,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA2SShpT9gFld2E5n1xdi5rG2oeUwDkqks5quVZigaJpZM4JQQIj
.

Added drag & drop in Version 1.3.1:
https://angular2-tree.readme.io/v1.3.1/docs/drag-drop

You rock!

On Tue, Oct 4, 2016 at 1:42 PM, adam klein [email protected] wrote:

Closed #17 https://github.com/500tech/angular2-tree-component/issues/17.

โ€”
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/500tech/angular2-tree-component/issues/17#event-811552493,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABQxlsXuimV0qJRfLjLr_BPus3XTGX6nks5qwi2egaJpZM4JQQIj
.

:)

It seems like drag and drop does not work on firefox (it is working on chrome)

Hi,

Any event after drop is completed?

like once i drag and drop the element once the tree is updated with new data i need an event to do some more actions.

Thanks

Was this page helpful?
0 / 5 - 0 ratings

Related issues

carmenbranje picture carmenbranje  ยท  5Comments

mmallit picture mmallit  ยท  5Comments

filipemansano picture filipemansano  ยท  5Comments

matthewdfleming picture matthewdfleming  ยท  3Comments

thohoh picture thohoh  ยท  5Comments