-
Notifications
You must be signed in to change notification settings - Fork 6.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
mat-tree #3175
Comments
Quickly ! ! ! |
Simple Material Design for tree: Photoshop Source here I can work on implementation after approve. |
Proposing code design: JSON Example: {
"data": [{
"label": "Tree Item Collapsed",
"data": "Tree Item Collapsed Data",
"expandIcon": "fa-folder-open",
"collapseIcon": "fa-folder",
"children": []
}, {
"label": "Tree Item Expanded",
"data": "Tree Item Expanded Data",
"expandIcon": "fa-folder-open",
"collapseIcon": "fa-folder",
"children": [{
"label": "Bookmarks",
"data": "Bookmarks Data",
"icon": "fa-bookmarks"
}, {
"label": "Chart",
"data": "Chart Data",
"expandedIcon": "fa-chart"
}]
}, {
"label": "Bookmarks",
"data": "Bookmarks Data",
"icon": "fa-bookmarks"
}, {
"label": "Chart",
"data": "Chart Data",
"expandedIcon": "fa-chart"
}]
} Attributes: Events: Lazy Loading? Drag-n-Drop? |
Looking forward to the release of the Tree!! |
Will try to implement this weekend. |
The tree component's design and implementation are in-progress. |
@tinayuangao , thanks for info, will wait for updates. |
Too slowly! |
@vyakymenko The status for the tree in README.md still 'Not started' |
@alvachien , because I have not started it per comment from @tinayuangao: |
While a official |
@alescdb angular2-tree-component works fine for me, however I wasn't able to find any custom icons (e.g. file or folder icon before labels) inclusion in documentation. Do you have any such example? Appreciate help. |
@ajaysattikar; using a custom template (https://angular2-tree.readme.io/docs/templates) should do the trick, something that looks like that :
nodes should look like :
I hope this help! |
I have to say that I'm against using the generic data term. Everything is data and there is always a better description. Call it children or nodes or whatever. I like @alescdb structuring. It's clear and has no bloat. EDIT: I think it would be nice if instead of icon we could put a component in there like a checkbox or radio button. |
@alescdb It would be nice to have an indeterminate icon in the root folder if the user selected some items in its child nodes. |
+1 @kara It would be nice to have an indeterminate icon before label |
urgent need |
Hi, |
For those following this thread, the sneak-peek implementation that the Material team has in mind can be found here. The source code is not available, but it looks like it draws on new |
looks realy nice, would be great to implement good drag'n'drop for nodes - that what is lacking most in other tree implementations i tried. |
@CaerusKaru That's looking very neat already, only thing that seems to be missing for the nodes would be an indeterminate state. |
The MD tree is an exceting component and very expect it to release, Many thanks for all of you contribution. Could you please let us know when could this feature release if possible, Even if it's a trial function. Thanks and Best regards... |
This seems to work if I install the latest cdk |
After adding cdk 6 beta version still there is error @angular/material/tree is not found . |
You need @angular/material beta too. |
For 6.0.0-beta.4, update cdk and material in terminal instead of package.json: |
After trying this something strange happening if i install CDK beta version material gets disappeared if i install material beta version CDK gets disappeared what is the solution for this . |
I too stopped by same treemodule issue |
quickly !!!quickly!!!My project need this tree very much!! |
My project needs this. Will this still be making the Q1 release? |
This is part of the 6.0 beta as noted above. It will be in the 6.0 release which is targeted to coincide with the Angular core 6.0 release at some point in April. |
|
@teterovic maybe a new issue? |
Lazy-loading is possible already; @tinayuangao 's https://stackblitz.com/edit/material-tree-dynamic from a recent presentation is a good example of how to do lazy loading with a custom data source (better than the loadmore example, imo, tho that stackblitz does have a few bugs that you can find if you play w/ it enough). My understanding is that virtual scroll is covered by #10122 and thus being worked on separately. This tree seems to work nicely, from my experience playing w/ it so far, tho having more examples could serve as a helpful guide. |
I have a problem, to set Checkboxes programatically in the tree-checklist-example. The sectionModel holds only the selected nodes. |
@takamori regarding the |
Closing this since it will be in 6.0 any day now. |
I used the tree component with checkbox option. Somebody know how I can get the nodes selected ? |
Please use stackoverflow for this kind of questions `
` |
In case of longer labels, is there any way to display node name on hover (html tooltip/title) in mat-tree? |
@ajaysattikar if you can provide a header template, than you can do it with |
Is it possible for to make this tree drag&drop item? |
Is it possible to use this without
as per the examples at the tree docs. The stackblitz example I'm trying to get running without the material dependency is here. I'm trying to replace these lines:
|
how do i get a serialized C# Dictionary as json in the format required for the 'tree with dynamic data' example? the example shows this format:
i would need my json data from a serialized C# Dictionary to be in format above |
@alvaromon ask questions like this on StackOverflow, there you gonna get the answer from a question like this. |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
No description provided.
The text was updated successfully, but these errors were encountered: