c# - 带有模型绑定的 Razor 页面 POST 多个表单
问题描述
我在一个剃须刀页面上有多个表单,我想在单击一个按钮后发布这些表单。我尝试使用 .submit() 两种表单(放入按钮的 onclick=)的 javascript 函数,但实际上只有一个表单的值被传递到 OnPost() 方法服务器端。以下是 .cshtml 和 .cs 文件中的相关代码:
StudentMain.cshtml
<!--first form-->
<form class="login100-form" method="post">
<span class="login100-form-title" style="padding-bottom: 38px">
Student Information
</span>
<div class="wrap-input100">
<input class="input100 has-val" type="text" name="name" value='@ViewData["name"]' readonly/>
<span class="focus-input100" data-placeholder="Student Name"></span>
</div>
...more divs/inputs as above
</form>
<!--second form-->
<form class="login100-form" method="post">
<div class="wrap-input100">
<select class="input100 select" name="eduplan" selectedval='@ViewData["eduplan"]'>
<option disabled selected value style="display:none"/>
<option>High School Diploma</option>
<option>Technical Training</option>
<option>Associate Degree</option>
<option>Bachelor's Degree</option>
<option>Advanced Degree</option>
<option>Military</option>
<option>Other</option>
</select>
<span class="focus-input100" data-placeholder="Education Plan"></span>
</div>
...more divs/selects as above
<div class="container-login100-form-btn">
<div class="wrap-login100-form-btn">
<div class="login100-form-bgbtn"></div>
<button class="login100-form-btn" type="submit">
Save
</button>
</div>
</div>
</form>
StudentMain.cshtml.cs
public class StudentMain : PageModel
{
public void OnPost(string eduplan, string college, string major, string careerpath, string ethnicity, string gender, string ncaa, string firstgen, string onlineinterest)
{
Database.SaveStudentData(eduplan, college, major, careerpath, ethnicity, gender, ncaa, firstgen, onlineinterest);
}
}
那么,这样做的最佳方法是什么?如何确保两个表单的值同时传递给 OnPost() 方法?我需要以某种方式使用 AJAX 吗?任何帮助表示赞赏。
解决方案
asp-page-handler
通过将方法的名称指定为每个表单上标签助手的值,您可以对不同的表单 POST 使用不同的方法。更多信息可以在这个Youtube 视频上找到
更新
例如,您POST
的 Model 类中有两个方法,即:OnPostAdd
和OnPostSubtract
,发布到不同方法的不同表单如下所示:
<form method="post" asp-page-handler="Add">
<button type="submit">Add</button>
</form>
<form method="post" asp-page-handler="Subtract">
<button type="submit">Subtract</button>
</form>
PS:不管你的方法是命名OnPostAdd
还是OnPostAddAsync
,ASP.NET Core 仍然希望你的处理程序名称是Add
因为它会自动解析前缀OnPost
等OnGet
Async
推荐阅读
- git - 如何使用 JGit 搜索与特定模式匹配的标签
- jestjs - Jest 的测试匹配没有选择我的测试文件
- c# - 创建 DbContext 时 Xamarin.Forms iOS 实体框架 SQLite 异常
- zeromq - 多处理器多核服务器中的 zeromq 高延迟
- java - 如何从 firebase 数据库中检索数组数据?
- r - 了解 Sparklyr 中的 Spark 1.6.3 <-> JDBC (Oracle) 连接
- oracle - 删除触发器之后和删除触发器之前
- javascript - 如何发送 redux-form 数据
- ios - 使用证书 ID 查找 APNS 证书名称
- visual-studio-code - 如何在终端(主要是 GIT)上写特定的单词?