如何使用 Javascript 在 ASP.NET Core 中创建可重用组件

顺时针q

自从迁移到 MVC 以来,我一直想知道(现在需要)一个可重用的“组件”,我可以将其粘贴在任何视图上,该视图执行每个视图通用的操作并在该组件中包含 jQuery。我说的是视图组件,它们很整洁,但我还没有遇到对它们的可行需求(除了显示地址或电话号码)。没有什么真正的互动。

所以,如果我不能用 View Component 做到这一点,我该怎么办?我有一个使用 JavaScript 的视图组件,但这只是因为我无法引用我在布局中定义的部分。我读过几十篇文章,说这是设计使然。好吧,在我看来,这是一个糟糕的设计,并将这些组件锁定为非交互式(或受限)。

埃里克·菲利普斯

我一直想知道(现在需要)一个可重用的“组件”,我可以坚持任何视图

我认为您正在寻找的是模板它是可重用的,因为模型可以具有显示和编辑器模板。它非常简单:

可重复使用的:

public class Car
{
  public string Model { get; set; }
}

控制器型号:

public class IndexVM
{
  public Car Car { get; set; }
}

索引.cshtml

@model IndexVm

@Html.DisplayFor(m => m.Car)

共享/显示模板/car.cshtml

@model Car

@Html.DisplayFor(m => m.Model)

至于脚本,只渲染需要的 JS 的想法很久以前就没有了。这就是 Bootstrap 有 bootstrap.min.js、bootstrap.min.css 的原因。没有充分的理由不将所有内容捆绑在一起,以便客户端可以一次性缓存所有内容。

我觉得 MVC 中的视图组件有点 hacky。它们有点像在 MVC 和 WebPages工作的所有东西,但并没有真正经过深思熟虑。

更多阅读

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用VS Code在ASP.NET Core MVC中调试javascript和c#

Asp.net Core中的Json Date到Javascript Date

javascript版本(asp-append-version)在ASP.NET Core MVC中如何工作?

使用ASP.NET Core创建cookie

如何在Asp.Net Core中制作可重用的控制器

如何使用Visual Studio代码在ASP.NET Core中添加ASP.NET身份

如何将模型对象传递给ASP.NET Core中的javascript函数

如何使用ASP .NET Core设置Jenkins

使用ASP.NET Core 2 MVC访问Javascript中的配置设置

ASP.NET Core-不使用Ajax的javascript中的调用控制器方法

如何使用IFileInfo删除ASP.NET Core中的文件

如何在ASP.Net Core中创建特定的URL

在ASP.Net Core中使用SharedLocalizer和javascript

如何在ASP.Net Core中创建“ RoleManager <IdentityRole>”?

如何使用ASP.NET Core 2.2创建用户

如何从ASP.NET Core中的Javascript调用C#方法?

如何在ASP .Net Core 3.1 MVC应用程序中调试JavaScript(剃刀视图-* .cshtml)?

在ASP.NET Core C#之后使用JavaScript代码

ASP.NET Core中Signalr上的javascript xmlhttp错误

如何在cshtml ASP.NET Core中调试JavaScript脚本(通过使用Chrome浏览器或Visual Studio 2019)?

在ASP.NET MVC中使用Razor创建可重用的HTML视图组件

如何在ASP .NET Core中创建Azure AD用户?

在ASP.NET Core中使用Javascript文件

如何在 asp.net core 中创建类扩展?

Asp.net Core - 如何从 javascript 为 ViewComponent 调用异步?

在 ASP.NET Core 中,如何使用 sqlite

如何在 ASP.NET Core 中创建下拉列表?

使用 JavaScript 和 asp.net core 从数据库中删除现有图像

如何在 ASP.NET Core 中使用 html 和 css 创建可打印的报告?