razor-pages 相关问题

我有一个asp.net core7程序，其中使用了vue.js，我的问题是如何向vue.js方法发送一些参数？我有一个asp.net core7程序，其中使用了vue.js，我的问题是如何向vue.js方法发送一些参数？ <i v-on:click="DeleteSale('@item.ID','@item.Image')" class="far fa-trash-alt cursor text-danger"></i> DeleteSale(ID, Image) {...} 是否要在razor页面中使用vue.js并将@item.ID、@item.Image传递给DeleteSale方法？如果是这样的话，这里有一个例子可以作为参考（需要注意的是，你的按钮属性应该放在 <div id="app"> </div> 容器中）： @section Scripts { <script src=https://unpkg.com/vue@3/dist/vue.global.js></script> <script> const app = Vue.createApp({ data() { return { }; }, methods: { DeleteSale(ID, Image) { console.log("DeleteSale method called with ID:", ID, "and Image:", Image); } } }); app.mount('#app'); </script> } <div id="app"> <button v-on:click="DeleteSale('@Model.Id','@Model.Image')" class="btn btn-danger"> <i class="far fa-trash-alt"></i> </button> </div> 可接收参数：

c# vue.js asp.net-core methods razor-pages

回答 1 投票 0

在我的 Blazor 服务器端应用程序中，我想在用户离开 Razor 页面并更改到另一个页面时运行代码。我怎样才能做到这一点？

我有以下用例：我有一个剃刀页面，用户可以在其中连接到远程计算机并监视其过程值。当他进入相关页面时，将从 r 中循环读取值...

c# blazor-server-side razor-pages

回答 1 投票 0

从 Razor Pages .Net Get 的 Ajax Json 渲染数据表问题

我一直在尝试遵循 DataTables (https://datatables.net/examples/api/row_details.html) 中的这个示例，但似乎无法加载表数据。我的 ajax 调用中断了...

json ajax .net-core datatables razor-pages

回答 1 投票 0

如何在 ASP.NET Core Razor Pages 项目中使用实体框架作为 _layout.cshtml 文件中的分部视图来使用 Razor Page？

在 ASP.NET Core Razor Pages 项目中，我想从数据库中获取员工姓名并将其显示为侧边栏菜单中的菜单项。侧边栏菜单位于 _layout.cshtml 文件中。我使用...添加 Razor 页面

c# asp.net razor partial-views razor-pages

回答 2 投票 0

解决 ASP.NET Core DI 中的自定义 IdentityErrorDescriber

我基于这种方法创建了一个自定义的 IdentityErrorDescriber，并像这样注册它：服务 .AddIdentityCore() .AddErrorDescriber...

asp.net-core dependency-injection razor-pages asp.net-core-identity asp.net-core-7.0

回答 1 投票 0

视图无法解析操作

我在项目中配置 CRUD 时遇到了问题。视图看不到来自控制器的方法。我使用了主视图和部分视图。主视图代码：我在项目中配置 CRUD 时遇到了问题。视图看不到来自控制器的方法。我使用了主视图和部分视图。主视图代码： <div class="container col-md-10 m-auto" style="width: auto;"> <div class="d-flex align-items-center justify-content-center"> <div class="btn-group" role="group" aria-label="Basic example"> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Star')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/star.png');"></div> </button> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Planet')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/planet.png');"></div> </button> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Moon')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/moon.png');"></div> </button> </div> </div> </div> <div id="partialContainer"> </div> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script> function sendObjectType(objectType) { $.ajax({ type: "POST", url: "/Encyclopedia/Create", data: { objectType: objectType }, success: function (partialView) { $("#partialContainer").html(partialView); }, error: function (error) { console.error(error); } }); } </script> 部分视图代码： @model SolarSystemEncyclopedia.Models.Planet <div style="margin-top: 2%; margin-bottom: 2%;"> <div class="container-fluid col-md-10 m-auto"> <div class="row container-fluid d-flex align-items-center justify-content-center"> <div class="col-md-6 blue-div"> <h1>Create planet</h1> <form asp-controller="Encyclopedia" asp-action="CreatePartial" method="post" enctype="multipart/form-data"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> @Html.AntiForgeryToken() <div class="form-group mb-3"> <label asp-for="Name" class="control-label"></label> <input asp-for="Name" class="form-control main-inputs" /> <span asp-validation-for="Name" class="text-danger"></span> </div> <div class="form-group mb-3"> <label asp-for="Description" class="control-label"></label> <input asp-for="Description" class="form-control main-inputs" /> <span asp-validation-for="Description" class="text-danger"></span> </div> <div class="form-group mb-3"> <input type="submit" value="CreateMain" class="btn btn-primary" /> </div> <div> <a asp-action="Index">Back to List</a> </div> </form> </div> </div> </div> </div> 在控制器中我有以下方法： [HttpGet] public async Task<IActionResult> Create() { return View(); } [HttpPost] public IActionResult Create(string objectType) { switch (objectType) { case "Star": return PartialView("_CreateStarPartial"); case "Planet": return PartialView("_CreatePlanetPartial"); case "Moon": return PartialView("_CreateMoonPartial"); default: return BadRequest(); } } [HttpPost] public async Task<IActionResult> CreatePartial<T>(T obj) where T : CosmicObject { if (ModelState.IsValid == true) { if (obj is Planet planet) { var star = _context.Star.FirstOrDefault(s => s.Id == planet.MainStarId); planet.MainStar = star; planet.Density = Double.Parse(planet.StringDensity); } if (obj.MainImage != null) { string uploadsFolder = Path.Combine(_appEnvironment.WebRootPath, "Graphics", "ObjectImages", obj.Name); string uniqueFileName = obj.Name + "MainImage.jpg"; string filePath = Path.Combine(uploadsFolder, uniqueFileName); if (!Directory.Exists(uploadsFolder)) { Directory.CreateDirectory(uploadsFolder); } using (var fileStream = new FileStream(filePath, FileMode.Create)) { await obj.MainImage.CopyToAsync(fileStream); } } _context.Add(obj); await _context.SaveChangesAsync(); return RedirectToAction(nameof(Index)); } return View(obj); } 第一种方法打开主视图，第二种方法打开部分视图，第三种方法应在提交表单后打开。我更改了方法的名称，尝试向视图中的表单添加不同的标签，但没有任何效果。形式表明应该调用 post 方法，但即使 post 方法和 get 方法同名，由于某种原因仍会调用 get 方法。网上查了一下，发现可能和ajax有关，但是没找到修复的办法。我相信您的AJAX电话不完整。另外为什么是 Create GET 方法 async ？您可以参考以下代码更改，希望能解决您的问题：将您的 AJAX 通话更改为： <script> function sendObjectType(objectType) { var param = { objectType: objectType}; $.ajax({ type: "POST", url: '@Url.Action("Create", "Encyclopedia")', data: { "json": JSON.stringify(param)}, dataType: "html", success: function (partialView) { $("#partialContainer").html(partialView); }, error: function (error) { console.error(error); } }); } </script> 你的 Controller 方法将如下所示： [HttpGet] public IActionResult Create() { return View(); } [HttpPost] public IActionResult Create(string json) { var jsondata = JsonConvert.DeserializeObject<dynamic>(json); string objectType = Convert.ToString(jsondata["objectType"]); switch (objectType) { case "Star": return PartialView("_CreateStarPartial"); case "Planet": return PartialView("_CreatePlanetPartial"); case "Moon": return PartialView("_CreateMoonPartial"); default: return BadRequest(); } }

c# asp.net ajax razor razor-pages

回答 1 投票 0

Ubuntu 上的 ASP.NET 找不到库

我正在尝试运行一个使用 EF 的项目，但 dotnet 发出了投诉： Microsoft.AspNetCore.Diagnostics.ExceptionHandlerMiddleware[1] 执行时发生未处理的异常...

asp.net-core razor-pages ubuntu-20.04

回答 1 投票 0

Ubuntu 20 上的 .NET Kestrel 无响应

我正在尝试使用以下 appsettings.json 在 Ubuntu 上运行 .NET： { “记录”：{ “日志级别”：{ “默认”：“信息”， “微软。

asp.net-core ubuntu razor-pages kestrel-http-server

回答 1 投票 0

在 Razor 页面上单击按钮时显示不同的部分视图

我有一个视图，该视图包含三个按钮。我想在按钮单击时显示不同的部分视图。我还想将模型转移到这些部分视图。我尝试了下面的代码，但它...