Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:blazor [2022/03/15 14:15] – [Alkalmazás készítése] admin
+++ oktatas:web:blazor [2022/03/15 15:23] – [Objektum] admin
@@ Sor 94: / Sor 94: @@
 Minden lapot a "Pages" könyvtárba helyezünk.
+Minden Blazor komponens egy fájl. A tartalma könnyedén létrehozható a "Blazor Snippet Pack" VScode bővítménnyel, csak kezdjük el gépelni:
+  blcomp
 ===== Futtatás =====
@@ Sor 223: / Sor 225: @@
         salary = 2875000
     };
+}
+</code>
+==== Objektumok listában ====
+<code csharp Data/Employee.cs>
+namespace app03.Data;
+public class Employee
+{
+    public string? name { get; set; }
+    public string? city { get; set; }
+    public double salary { get; set; }
+}
+</code>
+<code razor Pages/Employees.razor>
+@page "/employees"
+<table class="table">
+    <tr>
+        <th>Név</th>
+        <th>Település</th>
+        <th>Fizetés</th>
+    </tr>
+    @foreach (var emp in emps)
+    {
+        <tr>
+            <td>@emp.name</td>
+            <td>@emp.city</td>
+            <td>@emp.salary</td>
+        </tr>
+    }
+</table>
+@using Data
+@code {
+    Employee[] emps = new Employee[] {
+        new Employee() {name= "Róbert", city = "Szeged", salary = 2475000},
+        new Employee() {name= "Tamás", city = "Szolnok", salary = 2475000}
+        };
 }
 </code>