咨詢電話:023-6276-4481
熱門文章
電 話:023-6276-4481
郵箱:broiling@qq.com
地址:重慶市南岸區(qū)亞太商谷6幢25-2
打開頁面將在代碼背后會觸發(fā)默認(rèn)的Get或GetAsync處理方法;類似地,提交表單將觸發(fā)默認(rèn)Post或PostAsync處理方法:
<form method="POST"> <div>Name: <input asp-for="Category.Name" /></div> <div>Description: <input asp-for="Category.Description" /></div> <button type="submit" class="btn btn-primary">Save</button> </form>
觸發(fā)的方法:
public async Task<IActionResult> OnPostAsync() { if (!ModelState.IsValid) { return Page(); } _dbContext.Categories.Add(Category); await _dbContext.SaveChangesAsync(); return RedirectToPage("./Index"); }
使用OnPostAsync或OnPost為處理方法名稱都可以正常工作。如果您使用的是OnPost,那么代碼中不能使用異步調(diào)用。
但是,如果您同時(shí)實(shí)現(xiàn)兩種OnPostAsync和OnPOST等處理方法,您會遇到這樣的問題:
除了默認(rèn)的處理方法名稱,我們還可以指定自定義名稱。
在 .cshtml 文件中的實(shí)現(xiàn)以下代碼:
<form method="POST"> <div>Description: <input asp-for="Category.Description" /></div> <input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /> </form>
這會創(chuàng)建一個(gè)包含Description字段的簡單表單:
在Razor頁面中,將表單處理方法添加到匹配的 .cshtml.cs 文件代碼文件,方法命名為:OnPostFirst 或 OnPostFirstAsync ,具體取決于要在其中運(yùn)行的代碼類型。假設(shè)我們需要在數(shù)據(jù)庫中插入Category
并保存這些更改,使用Entity Framework的異步方法:
public async Task<IActionResult> OnPostFirstAsync() { Category.Name = "First"; _dbContext.Categories.Add(Category); await _dbContext.SaveChangesAsync(); return RedirectToPage("./Categories/Index"); }
請注意名稱 OnPost First Async 。
讓我們擴(kuò)展剛才這一段代碼,添加POST方法另一種形式:
下面是 .cshtml 的代碼:
<form method="POST"> <div>Description: <input asp-for="Category.Description" /></div> <input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /> </form> <form method="POST"> <div>Description: <input asp-for="Category.Description" /></div> <input type="submit" value="Save Second" asp-page-handler="Second" class="btn btn-primary btn-xs" /> </form>
這兩個(gè)表單將分別匹配代碼中這兩種方法:
public async Task<IActionResult> OnPostFirstAsync() { return await InsertCatepory("First"); } public async Task<IActionResult> OnPostSecondAsync() { return await InsertCatepory("Second"); } private async Task<IActionResult> InsertCatepory(string name) { Category.Name = name; _dbContext.Categories.Add(Category); await _dbContext.SaveChangesAsync(); return RedirectToPage("./Categories/Index"); }
關(guān)鍵的代碼是使用 asp-page-handler Tag Helper,指定表單的處理方法的名稱。
我們也可以在一個(gè)表單通過兩個(gè)提交按鈕實(shí)現(xiàn)同樣的事情:
<form method="POST"> <div>Description: <input asp-for="Category.Description" /></div> <input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /> <input type="submit" value="Save Second" asp-page-handler="Second" class="btn btn-primary btn-xs" /> </form>
將參數(shù)傳遞給處理方法有兩種方法:
表單輸入
表單元素借助 asp-route Tag Helper
對于表單輸入作為輸入?yún)?shù),名稱必須是同步的。HTML input元素的名稱必須與處理方法參數(shù)的名稱相匹配:
<form method="POST"> <input type="text" name="query"/> <button type="submit" asp-page-handler="search">Search</button> </form>
public async Task OnPostSearchAsync(string query) { Categories = await _dbContext .Categories .AsNoTracing() .Where(c => !string.IsNullOrEmpty(c.Description) && c.Description.Contains(query)) .ToListAsync(); }
以下是通過路由發(fā)送參數(shù)的兩個(gè)示例:
<div> <form method="post" asp-page-handler="search" asp-route-query="Core"> <button>Search "Core"</button> </form> </div> <div> <form method="post" asp-page-handler="delete" asp-route-id="1"> <button>Delete ID 1</button> </form> </div>
第一個(gè)是以前看到的search處理方法,它發(fā)送“Core”作為查詢參數(shù)。
第二個(gè)是針對delete處理方法,并發(fā)送id為1,這表示它會刪除第一條數(shù)據(jù)。
public async Task OnPostSearchAsync(string query) { Categories = await _dbContext .Categories .AsNoTracking() .Where(c => !string.IsNullOrEmpty(c.Description) && c.Description.Contains(query)) .ToListAsync(); } public async Task<IActionResult> OnPostDeleteAsync(int id) { var category = await _dbContext.Categories.FindAsync(id); if (category != null) { _dbContext.Categories.Remove(category); await _dbContext.SaveChangesAsync(); } return RedirectToPage(); }