c# - 布局中的表单:剃刀页面
问题描述
我的网络应用程序的布局中有一个select
需要form
从每个页面访问的内容。该表单设置了在每个页面上加载数据所需的会话变量。
<form asp-page-handler="CustomerChange" method="post" class="navbar-form navbar-left">
<select name="Customer" id="Customer" class="form-control" onchange="this.form.submit()">
<option value="">Select Customer</option>
<option value="Vand">Vandalay</option>
<option value="Kram">Kramerica</option>
</select>
</form>
我知道我可以PageModel
在每一页上建立一个基础并继承它,以响应OnPost
例如
public abstract class BaseSecurePageModel : PageModel
{
[BindProperty]
public string Customer { get; set; }
public virtual void OnPostCustomerChange()
{
HttpContext.Session.SetString("Customer", Customer);
}
}
但这并不适合将模型绑定到表单,并且还要求我记得从每个页面中的基类继承。是否有正确的方法来处理需要随处可用的表单?
解决方案
尝试改用控制器并让您的 CustomerChange ActionResult 指定 [Route()]。我在剃须刀页面中为我的大部分布局项目(例如购物车、本地化等)使用了控制器,并且效果很好。
// 根据 Steven B 的反馈更新了答案。
下面是我上面谈到的本地化示例。表单触发针对 BaseController.cs 中的 SetLanguage 方法的帖子
在 _Layout.cshtml 文件中,我有一个局部视图:
@Html.Partial("_SetLanguagePartial") // Used prior to .net core 2.1
<partial name="_SetLanguagePartial" /> // Used for .net core 2.1+
此 _SetLanguagePartial.cshtml 中的 html 包含一个带有相应 asp-controller 和 asp-action 的表单
<form id="selectLanguage" asp-controller="Base" asp-action="SetLanguage" asp-route-returnUrl="@returnUrl" method="post" class="form-horizontal" role="form">
<ul class="list-inline">
@foreach (var culture in cultureItems)
{
var countryIcon = "usa.png";
<li>
<button type="submit" class="btn btn-sm btn-link" name="culture" title="@culture.Text" value="@culture.Value">
@switch (culture.Text)
{
case "Japanese" :
countryIcon = "japan.png";
break;
case "Spanish" :
countryIcon = "spain.png";
break;
default:
break;
}
<img src="@Configuration["BlobStorage:StorageUrl"]/images/@countryIcon" alt="@culture.Text"/>
</button>
</li>
}
</ul>
</form>
基本控制器.cs
[Route("[controller]/[action]")]
public class BaseController : Controller
{
[HttpGet]
public IActionResult GetCartViewComponent()
{
return ViewComponent("Cart");
}
[HttpPost]
public IActionResult SetLanguage(string culture, string returnUrl)
{
Response.Cookies.Append(
CookieRequestCultureProvider.DefaultCookieName,
CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture)),
new CookieOptions { Expires = DateTimeOffset.UtcNow.AddYears(1)}
);
return LocalRedirect(returnUrl);
}
}
推荐阅读
- vue.js - 如何使用 Vue watch 来观察一个表单项的值?
- c# - 从 Angular HttpClient 向 ASP.NET Core 2.2 Web API(启用 CORS)进行 POST 调用时出现 404 错误
- python - 将 Keras 张量拆分为列表
- javascript - 删除除首先使用纯 JS 之外的所有类
- angular - 共享服务丢失数据
- c - Valgrind 不能在 MacOS Mojave 上运行?与康达一起安装
- python - 增加matplotlib图形xaxis的大小和间距
- acumatica - 我在 Acumatica 的通用查询中遇到问题,输入屏幕“此表单无法自动化”
- python - 远日期被转换为 datetime.datetime 对象而不是 datetime64[ns]
- javascript - 如何使用 Jquery 将类添加到附加元素?