[C#] ASP.NET Core 6.0 - 簡單實作 Razor 元件( Razor Component ) + form submit 測試
2022-12-14
上一篇文章 ASP.NET Core 6.0 - 簡單實作 Razor 元件( Razor Component ) ，只是做簡單的 Binding 物件
這一篇文章我主要測試如果配合 form submit 後是不是一樣的好用，今天問 一下同事好像很少使用到
今天心血來潮測一下，其實還蠻好用的，這樣可以一些 重複的 code 可以被有效率的 reuse.
敘述一下這邊的案例，我會製作一個 Razor 元件 ( Pages\Components\UserInputComponent.razor )並且我會放入一些 input
之後我有主頁面 ( Pages\UserInputComponentTest.cshtml , Pages\UserInputComponentTest.cshtml.cs) 引入該 Component
1. 製作 Razor 元件 ，這邊不贅述 可以看 之前的文章 ASP.NET Core 6.0 - 簡單實作 Razor 元件( Razor Component )
這邊提供原始碼
UserInputComponent.razor
UserInputComponent.razor.cs
這裡面設計了三個 input 分別對應了 User 物件中的 Id,Name,Age
2.主頁面
UserInputComponentTest.cshtml
UserInputComponentTest.cshtml.cs
Result:
用起來比預期中的簡單 [BindProperty] 設定好之後就連動起來了，而且取得物件也容易