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

This topic contains 3 replies, has 2 voices, and was last updated by Avatar admin 10 months, 2 weeks ago.

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

    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
    Avatar
    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
    Avatar
    Ronak
    Participant

    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
    Avatar
    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.