cshtml中,怎么给partial标签传递参数
时间: 2023-06-24 16:09:05
浏览: 103
在 ASP.NET Core 中,可以通过以下[方式](https://geek.csdn.net/educolumn/0a7fca90472e8d39fd3078246e0b14f3?spm=1055.2569.3001.10083)给 partial 标签传递参数:
1. 在主视图中,使用 `@await Html.PartialAsync("_PartialViewName", model)` 语句加载局部视图,并将需要传递的参数以 `model` [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)的形式传递进去。
2. 在局部视图中,可以通过 `@model` 关键字获取传递过来的参数,并在页面中使用它们。
例如,假设有一个名为 `_MyPartial.cshtml` 的局部视图,需要传递一个名为 `message` 的[字符串](https://geek.csdn.net/educolumn/ba94496e6cfa8630df5d047358ad9719?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083)参数。我们可以这样实现:
在主视图中:
```cshtml
[string](https://geek.csdn.net/edu/8802d631b97a4a6af1f4d0bbf8527465?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083) message = "这是一条消息。";
@await Html.PartialAsync("_MyPartial", message)
在局部视图中:
```cshtml
@model [string](https://geek.csdn.net/edu/8802d631b97a4a6af1f4d0bbf8527465?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083)
<p>@Model</p>
这样,在主视图中加载 `_MyPartial.cshtml` 时,`message` 参数的值会传递给局部视图,并在页面中显示出来。
相关问题
@html.partial如何传参接收参数
在使用@html.partial渲染视图时,可以通过第二个参数传递一个匿名对象,来传递参数。在渲染的视图中,可以通过@model来访问传递的匿名对象中的属性。
例如,如果有一个名为"_MyPartial.cshtml"的局部视图,需要传递一个名为"message"的字符串参数,可以这样调用:
var message = "Hello, world!";
@Html.Partial("_MyPartial", new { message = message })
```
cshtml中美化滚动条
要在cshtml中美化滚动条,可以使用CSS样式表中的::-webkit-scrollbar伪元素来实现。
以下是一个简单的CSS代码示例,可以用来美化滚动条:
/* 美化滚动条 */
::-webkit-scrollbar {
width: 10px;
::-webkit-scrollbar-track {
background-color: #f1f1f1;
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
```