Skip to content
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

Dropdown item: lanciare una funzione anzichè aprire un href o un link esterno #390

Open
1 task done
smartm0use opened this issue Oct 16, 2024 · 5 comments
Open
1 task done
Labels
enhancement New feature or request

Comments

@smartm0use
Copy link
Contributor

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

1.0.3

Cosa

Ho una dropdown in cui al click su un item vorrei lanciare una funzione, ma a quanto vedo dalle API è possibile solo passare un link del router di Angular (tramite href) oppure aprire un link esterno (tramite externalLink).

Non c'è un modo per dirgli di lanciare una funzione?

Perché

Non l'ho capito io oppure manca questa possibilità? Potrebbe tornare utile ad altri.

Contesto

Sto sviluppando un'app basata su Angular 17.

Altro

No response

@astagi
Copy link
Member

astagi commented Oct 24, 2024

Ciao @smartm0use hai provato ad aggiungere una funzione sull'evento click?

        <it-dropdown-item
          (click)="myFunction('hello!')">
          Testo
        </it-dropdown-item>

@astagi astagi added the question Further information is requested label Oct 24, 2024
@smartm0use
Copy link
Contributor Author

Ovviamente sì, ma ero alla ricerca di un parametro tipo action a cui passare una funzione, senza ricorrere all'evento click.

Esempio:

<it-dropdown-item
    [action]="myFunction">
    Testo
</it-dropdown-item>

@astagi
Copy link
Member

astagi commented Oct 25, 2024

Ovviamente sì, ma ero alla ricerca di un parametro tipo action a cui passare una funzione, senza ricorrere all'evento click.

Esempio:

<it-dropdown-item
    [action]="myFunction">
    Testo
</it-dropdown-item>

Su questo @smartm0use bisogna fare una modifica ad hoc, però l'evento scatenate di questa funzione dovrebbe essere proprio il click giusto?

@smartm0use
Copy link
Contributor Author

Mi trovo in una situazione in cui il dropdown è incastonato nell'header in cui c'è già il bind ad un evento click (al posto di slimTitleLink) e quindi cliccare sull'item della dropdown triggera anche il click dell'header.
I vari preventDefault() e stopPropagation non funzionano.

@astagi
Copy link
Member

astagi commented Nov 11, 2024

@smartm0use da che evento viene scatenato il click? è molto strano che stopPropagation non funzioni.. potresti gestire anche l'item dal quale viene l'evento in modo da poter decidere cosa fare...

In alternativa, siccome nelle nostre lavorazioni per la prossima versione purtroppo questa feature non è prevista e siamo impossibilitati con i tempi per gestire la richiesta, puoi aprire una PR che la implementa e possiamo includerla senza problemi.

@astagi astagi added enhancement New feature or request and removed question Further information is requested labels Nov 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants