@page\r\n@model IndexModel\r\n@{\r\n ViewData[\"Title\"] = \"Home page\";\r\n}\r\n<h2>Link-Beispiele<\/h2>\r\n<p><a asp-page=\"About\">Zur Seite ''About''<\/a><\/p><\/pre>\nDas Ergebnis sieht dann etwa wie in Bild 1 aus. Da sich die Seite About.cshtml <\/b>im gleichen Verzeichnis wie die Seite Index.cshtml <\/b>befindet, reicht die Angabe des Namens der Seite ohne die Dateiendung .cshtml<\/b>. Ein Klick auf diesen Link zeigt dann die Seite About.cshtml <\/b>im Browser an.<\/p>\n
![\"Einfacher](\"..\/fileadmin\/_temp_\/2018_02\/pic_130_001.png\")
<\/p>\n
Bild 1: Einfacher Link<\/span><\/b><\/p>\nHandler-Methoden<\/h2>\n
Unter ASP.NET Core\/Razor Pages gibt es verschiedene Handler-Methoden. Diese heißen beispielsweise wie folgt:<\/p>\n
\n- OnPost<\/b><\/li>\n
- OnGet<\/b><\/li>\n
- OnPostAsync<\/b><\/li>\n
- OnGetAsync<\/b><\/li>\n<\/ul>\n
Die Code behind-Datei einer Razor Page enthält normalerweise die folgende Handler-Methode:<\/p>\n
public void OnGet() {\r\n}<\/pre>\nDiese wird gleich beim Laden der Seite auf der Serverseite ausgelöst. Dies können wir prüfen, indem wir der Methode einen Haltepunkt hinzufügen und das Projekt starten. Bevor die Seite im Browser erscheint, hält die Methode an der Stelle mit dem Haltepunkt an. Auch wenn Sie die Seite mit der Taste F5 <\/b>aktualisieren, wird die Methode wieder ausgelöst.<\/p>\n
In der durch unsere Seite Index.cshtml <\/b>verlinkten Seite About.cshtml <\/b>haben wir die gleiche Prozedur angelegt und mit einem Haltepunkt versehen. Klicken wir zur Laufzeit auf den Link, löst dies die Methode OnGet <\/b>dieser Seite aus.<\/p>\nMethode OnPost auslösen<\/h2>\n
Nun wollen wir eine zweite Handler-Methode namens OnPost <\/b>hinzufügen, die genau gleich aufgebaut ist wie OnGet<\/b>. Auch diese fügen wir wieder beiden Pages hinzu, also Index.cshtml <\/b>und About.cshtml<\/b>:<\/p>\npublic void OnPost() {\r\n}<\/pre>\nUm diese zu testen, benötigen wir auf der Seite Index.cshtml <\/b>ein Formular. Dieses erhält die Methode post <\/b>für das Attribut method<\/b> und eine Schaltfläche zum Absenden des Formulars:<\/p>\n<form method=\"post\">\r\n <button class=\"btn btn-default\">Zur gleichen Seite.<\/button>\r\n<\/form><\/pre>\nWenn wir nun auf diese Schaltfläche klicken, wird die Methode OnPost <\/b>der aufgerufenen Seite Index.cshtml <\/b>aufgerufen – diese wird dann auch erneut angezeigt.<\/p>\n
Nun fügen wir eine weitere Schaltfläche in einem neuen Formular hinzu, welche die Seite About.cshtml <\/b>aufrufen soll. Standardmäßig wird beim Absenden eines Formulars immer die Seite aufgerufen, auf der sich das Formular befindet. Um eine andere Seite wie etwa About.cshtml <\/b>aufzurufen, fügen Sie dem button<\/b>-Element das Attribut asp-page <\/b>mit dem Namen der aufzurufenden Datei hinzu:<\/p>\n<form method=\"post\">\r\n <button class=\"btn btn-default\" asp-page=\"About\">Zur Seite ''About''.<\/button>\r\n<\/form><\/pre>\nDies öffnet die Seite About.cshtml <\/b>und führt dort die Handler-Methode OnPost <\/b>aus.<\/p>\nMehrere Formulare für die gleiche Seite<\/h2>\n
Im obigen Fall haben wir nun zwei Formulare, die allerdings verschiedene Seiten aufrufen. Wenn Sie jedoch verschiedene Formulare auf einer Seite nutzen, die alle die gleiche Seite aufrufen – beispielsweise die aktuelle Seite – gelingt dies natürlich. Allerdings wird immer die gleiche Handler-Methode aufgerufen, standardmäßig OnPost<\/b>. Wenn Sie mehrere Formulare nutzen wollen, die zur Ausführung verschiedener OnPost<\/b>-Methoden führen sollen, legen Sie etwa die folgenden Formulare an:<\/p>\n<h3>Zwei Formulare zu verschiedenen OnPost-Methoden<\/h3>\r\n<form method=\"post\" asp-page-handler=\"Eins\">\r\n <button class=\"btn btn-default\">Zur Methode OnPostEins.<\/button>\r\n<\/form>\r\n<form method=\"post\" asp-page-handler=\"Zwei\">\r\n <button class=\"btn btn-default\" >Zur Methode OnPostZwei.<\/button>\r\n<\/form><\/pre>\nDie Seite sieht mittlerweile wie in Bild 2 aus. Wenn Sie nun nacheinander auf die beiden Schaltflächen Zur Methode OnPostEins <\/b>und Zur Methode OnPostZwei <\/b>anklicken, wird nun beide Male die Methode OnPost <\/b>des Formulars Index.cshtml <\/b>ausgeführt. Es hat sich also erstmal nichts geändert.<\/p>\n
![\"Beispiel-Links](\"..\/fileadmin\/_temp_\/2018_02\/pic_130_002.png\")
<\/p>\n
Bild 2: Beispiel-Links und -Formulare<\/span><\/b><\/p>\nUm tatsächlich zwei verschiedene Methoden aufzurufen, müssen Sie diese nach einem bestimmten Schema anlegen. Dieses besteht aus dem eigentlichen Namen der Handler-Methode, also OnPost<\/b>, und dem mit asp-page-handler <\/b>angegebenen Ausdruck. Die beiden von den beiden Formularen adressierten Handler-Methoden heißen also OnPostEins <\/b>und OnPostZwei <\/b>und sehen wie folgt aus:<\/p>\npublic void OnPostEins() {\r\n}\r\npublic void OnPostZwei() {\r\n}<\/pre>\nBeim Anklicken der beiden Schaltflächen werden nun diese beiden Handler-Methoden aufgerufen. Diese Technik können Sie also beispielsweise nutzen, wenn Sie die angezeigten Daten einer Datenbank bearbeiten, löschen oder anzeigen wollen.<\/p>\n
Wie wird der Page<\/b>-Handler nun übermittelt Wie Bild 3 zeigt, über die Parameterliste beim Aufruf der Seite.<\/p>\n
![\"Page-Handler](\"..\/fileadmin\/_temp_\/2018_02\/pic_130_003.png\")
<\/p>\n
Bild 3: Page-Handler als Parameter beim Seitenaufruf<\/span><\/b><\/p>\nEin Formular mit mehreren Schaltflächen<\/h2>\n
Sie können auch zwei verschiedene Aktionen mit zwei Schaltflächen in einem form<\/b>-Element unterbringen. Dazu müssen Sie lediglich das Attribut asp-page-handler <\/b>vom form<\/b>-Element in die button<\/b>-Elemente übertragen.<\/p>\n
Folgendes Beispiel funktioniert genauso wie das vorherige:<\/p>\n
<h3>Zwei Schaltflächen eines Formulars zu verschiedenen OnPost-Methoden<\/h3>\r\n<form method=\"post\">\r\n <button class=\"btn btn-default\" asp-page-handler=\"Eins\">Zur Methode OnPostEins.<\/button>\r\n <button class=\"btn btn-default\" asp-page-handler=\"Zwei\">Zur Methode OnPostZwei.<\/button>\r\n<\/form><\/pre>\nFormulare mit Get<\/h2>\n
Wir sehen also, dass bei Formularen mit der Post-Methode die Parameter – wie hier zum Beispiel der Wert des Page<\/b>-Handlers – per Parameter an die URL angehängt werden. In manchen Fällen macht es Sinn, einen alternativen Ansatz zu wählen, nämlich die Get<\/b>-Methode. Der einzige Unterschied zur Post<\/b>-Methode im HTML-Code ist, dass Sie statt dem Wert post <\/b>den Wert get <\/b>für das Attribut method <\/b>des Formulars festlegen. Dazu legen wir zwei weitere Formulare an:<\/p>\n<h3>Zwei Formulare zu verschiedenen OnGet-Methoden<\/h3>\r\n<form method=\"get\" asp-page-handler=\"Eins\">\r\n <button class=\"btn btn-default\">Zur Methode OnGetEins.<\/button>\r\n<\/form>\r\n<form method=\"get\" asp-page-handler=\"Zwei\">\r\n <button class=\"btn btn-default\">Zur Methode OnGetZwei.<\/button>\r\n<\/form><\/pre>\nStarten Sie nun die Anwendung und klicken diese beiden Schaltflächen an, lösen Sie jeweils die Methode OnGet <\/b>der Code behind-Klasse der Seite Index.cshtml <\/b>aus. Allerdings sehen wir auch, dass der Page-Handler hier nicht als Parameter übergeben wird (siehe Bild 4). Legen wir also nun die beiden passenden Handler-Methoden namens OnGetEins <\/b>und OnGetZwei <\/b>an:<\/p>\n
<\/p>\n
Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t