JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid Grid Editor With Dropdown menu for angular

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #101059
    Ronak
    Member

    Hello,
    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,
    Ronak

    #101060
    admin
    Keymaster

    Hi 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/

    #101073
    Ronak
    Member

    Hello,
    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.

    #101074
    admin
    Keymaster

    Hi 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/

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.