Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Data Grid › Grid Editor With Dropdown menu for angular
Tagged: dropdown in grid, edit cells, grid
- This topic has 3 replies, 2 voices, and was last updated 5 years ago by
admin.
-
AuthorPosts
-
September 14, 2020 at 2:28 pm #101059
Ronak
MemberHello,
I want to implment the dropdown which hase dynamic value on the grid edit of cell. So, im refering below url for the my angular project and started implmement it.
Project Type :
Angular
Reference Link :
https://www.htmlelements.com/angular/demos/grid/editing-custom-editor/
Issues :
1) In this sample you are using some template with #<span class=”str”>moodTemplate for </span><span class=”pln”>editor property in column section. But i didn’t find the this template in the html component. So i delcare the ng-template with the same name but rather showing the dropdown its just display the #moodTemplate in cell while double click.
2) I have to display a dyamic popup which will update the dropdown value when user start editing that field so any suggestion how to achieve that.</span>
So plese guide me in this issues.
Thanks,
RonakSeptember 14, 2020 at 2:54 pm #101060admin
KeymasterHi Ronak,
The demo you refer uses a custom template defined as HTMLTemplateElement. If you want to display dropdown, it is better to use this: https://www.htmlelements.com/angular/demos/grid/editing-cell-dropdowns/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/September 18, 2020 at 3:34 pm #101073Ronak
MemberHello,
Thanks for the reply, But as i mention already that autocomplete is not working in my case because i have dynamic value dropdown and for autocomplete if the value doesnt exist in the grid it wont show that value.
Even i try to implement the autocomplete thing but it didn’t work in my case. because might be i used formatFunction on that column and modify the value.
So, please guide me on this.September 18, 2020 at 5:10 pm #101074admin
KeymasterHi Ronak,
The demo is available in the download package, too. It uses a custom editor defined in a native HTMLTemplateElement defined in template tag. To use that approach HTMLTemplateElement should be outside of the Angular component. It is also possible to use Angular component within Grid column and this approach is described in this tutorial: https://www.htmlelements.com/docs/angular-component-grid-column/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/ -
AuthorPosts
- You must be logged in to reply to this topic.