ASP.NET Core 的搜索和选择项目模式

问题描述 投票:0回答:0

我是 ASP.NET 和 Web 开发本身的新手,但已经能够很好地理解控制器和视图 (MVC) 的基本工作原理。我设法创建了一个带有主详细信息页面的创建视图,并通过手动将项目添加到相应的产品列表(ID 和数量)来保存到数据库。 但是,该页面必须允许通过在可重用(部分视图?)产品搜索模式中搜索来添加此类产品。

所以我项目中的类似问题是: 我有一个绑定到发票模型的视图(其中包括一个 ICollection)。当我在发票行中单击“搜索产品”时,需要显示一个带有多个搜索条件的模式(目前我至少需要一个可搜索的输入框或下拉菜单,如 Select2)。在模态中选择产品后,应将其添加到相应的发票行。

我一直在努力寻找一个不简单的添加/创建操作的示例或文章/视频/帖子/答案/课程,其中创建新对象所需的所有数据都以相同的模式/形式加载。此外,ChatGPT 还没有达到这种复杂程度(也许我没有正确描述我的问题)。

如果可能的话,最好不要使用JavaScript。我想应该可以通过将 Invoice 及其行传递给模态,然后将产品添加到模态中的 Invoice 对象,然后在调用者表单中重新加载它(如果有 3 行,然后在那里选择新产品后将是发票中的 4 行)。

注意:我会遇到这样的事情,但是有最佳实践,并且还更新了:) https://www.codeproject.com/Tips/1183240/Modal-Search-and-Select-Item-Dialog-for-ASP-NET

根据我一直遵循的指南和我尝试过的其他事情,这些是我的问题:

  • 在部分视图中定义模态时,调用者按钮似乎无法找到它。但是,如果我在同一个 .cshtml 文件中定义它,则显示没有问题(但是,由于该视图绑定到发票,我不能使用产品列表来填充下拉列表,例如。我读过你可以有一个自定义的 ViewModel,其中包含发票和产品,但我认为无法正确实施它)

  • 我设法使用 Select2 并在 ViewBag.Products 中传递产品列表来显示带有加载产品的下拉列表的模态,但由于某种原因,它显示为经典的 webforms 下拉列表(可能未应用用于搜索的引导程序和脚本? )

所以,

  • 主要问题:将选定的产品发送回发票创建调用页面并显示它已添加到发票行列表中

  • 其他问题:

  • 显示产品的可搜索控件
  • 您认为需要的其他方面

为我提供帮助我理解基本概念的链接也将非常有帮助

asp.net asp.net-mvc asp.net-core bootstrap-modal
© www.soinside.com 2019 - 2024. All rights reserved.