Input on Enter mit Blazor als Suche

Ich habe hier schon mehrfach Blazor Blog Artikel geschrieben zum Thema wie kann man eine Methode aufrufen wenn der Benutzer Enter oder Return drückt in einem Input Feld. Hier sucht der ppedv Kollege nach einem SQL Kurs um den Trainer zuzuteilen. SQL [ENTER]

Screenshot 2022-10-21 164726

Durch Zufall bin ich über das Standard Verhalten der Browser mit Form und Submit gestolpert. In reinem HTML passiert genau das.  Ganz ohne C# Code in der .razor Datei.

   1:   <form @onsubmit="onsuche">
   2:       <div class="input-group">
   3:           <input ID="suche" class="form-control " @bind="txtsuche" />
   4:           <button type="submit"
   5:               class="btn  btn-secondary ">
   6:               <i class="bi bi-search"></i>
   7:            </button>
   8:     </div>
   9:  </form>
Kommentare sind geschlossen