Igniteui-angular: Include igTree from jQuery to Ignite UI for Angular

[pranaysharmadelhi]

Is your feature request related to a problem? Please describe.

Include igTree from jQuery to Ignite UI for Angular for easy inclusion

Describe the solution you'd like

Ability to add IgxTreeModule similar to IgxGridModule

Describe alternatives you've considered

Tried including IgTreeComponent, but that causes failures with other Modules

Additional context

[Lipata]

@pranaysharmadelhi have you tried our angular wrappers for Ignite UI for jQuery?

[pranaysharmadelhi]

Ya, they are causing the Grid Modules to fail. They are not compatible.

[Lipata]

@pranaysharmadelhi can you attach a sample or link to a StackBlitz demo, where we can investigate the problem you are experiencing?

[pranaysharmadelhi]

So, when I click JSFiddle on https://www.igniteui.com/tree/angular , it doesn't work
http://jsfiddle.net/gh/get/jquery/1.9.1/igniteuisamples/jsfiddle-samples/tree/master/EN/HtmlSamples/tree-control/angular/

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[ViktorSlavov]

@pranaysharmadelhi , Thanks for bringing this to our attention!

We've started developing an igx-tree component which will cover the functionality of igTree in a native angular control.
You can check the spec and comment here w/ any questions and suggestions.

You can also track the progress of the implementation in this issue.

[ViktorSlavov]

IgxTree Implementation

Spec

• [x] Basic Implementation (file structure, dev sample)
  
  
  
  • [x] IgxTreeComponent
  
  
  • [x] IgxTreeNodeComponent
  
  
  • [x] Dev sample
  
  
• [x] Node state implementation
  
  
  
  • [x] Tree API service
  
  
  • [x] Tree state methods (expand/collapse/toggle)
  
  
  • [x] Tree node input (expanded)
  
  
  • [x] Animations (open/close animation as in IgxExpansionPanel)
  
  
  • [x] Expand/Collapsed events
  
  
• [x] Selection
  
  
  
  • [x] Selection Modes ('None', 'BiState', 'Cascading')
  
  
  • [x] Cascading Selection - Implementation
  
  
  • [x] Tree API methods (select/deselect node)
  
  
  • [x] Tree node input (selected)
  
  
  • [x] Selection events
  
  
• [ ] Keyboard Navigation
  
  
  
  • [ ] Basic navigation (active item)
  
  
  • [ ] Selection
  
  
  • [ ] Toggle
  
  
• [ ] Aria Support
  
  
  
  • [ ] Aria roles and tab index on tree / tree nodes
  
  
  • [ ] igxTreeNodeLink directive + roles
  
  
• [ ] Styling
  
  
  
  • [ ] Tree and Tree Node classes in theming
  
  
  • [ ] Actual stying
  
  
• [ ] Testing
  
  
  
  • [ ] Test scenarios in spec
  
  
  • [ ] Implement unit tests
  
  
  • [ ] Implement e2e tests
  
  
• [ ] Docs
  
  
  
  • [ ] README.md
  
  
  • [ ] docfx page entry
  
  
  • [ ] igniteui-angular-sample entry
  
  
  • [ ] igniteui-cli template
  
  
• [ ] Drag and drop
  
  
  
  • [ ] Basic implementation
  
  
  • [ ] Events and event args