How to Disable a Button after Clicking in Blazor

[@CRBarchager]

Thank you for the turotial. I've done something similar in the solution I've done since we had some very click-happy users.

[@ClaudioBernasconi]

Excellent! Great to hear the solution worked for you.

[@10Totti]

Nice tutorial!

[@ClaudioBernasconi]

Thank you! 🙂

[@stevendiazgomez6937]

Both disable and loading state UI is common implementation too

[@MohammadKomaei]

How to disable the button in blazor ssr without any interactivity?

[@ClaudioBernasconi]

Thanks for your question. At this time, there is no solution for disabling a button after click without interactivity that I am aware of. It doesn't matter if you use JavaScript or Blazor, you will end up having to change the state of your application and trigger a rerendering of parts of the website to achieve your goal. If anyone else knows a solution, please let us know. Also, what is holding you back from using Blazor Server interactivity or WebAssembly interactivity for your use case?

[@badatcomputer]

I also found using a Try-Finally block is helpful. If(IsAddingToCart) then return, else place the IsAddingToCart=true before the Try, and in the Finally place IsAddingToCart=false. Solved my problems.