ASP.NET MVC可选树/网格/搜索数据视图

本文关键字:网格 搜索 数据 视图 NET MVC ASP | 更新日期: 2023-09-27 18:30:34

我正在使用 Razor HTML 5 引擎和 C# 在 MVC 3 ASP.NET 开发一个 Web 应用程序。 客户想要一些非常复杂的东西,我想知道网络上是否有任何示例可以告诉我如何开始设置它。 以下是他们正在寻找的内容:

我有一个非常大的 SQL 数据库(25,000 行)。 他们希望能够在同一页面上使用三个不同的视图选择数据。

第一个将是一棵树,在表的某些列中使用相似性将把树分成几个部分。

第二个将是网格。 这只是您可以滚动浏览的数据库中所有内容的完整列表。 当然,必须有某种虚拟滚动,因为加载 25,000 行的速度相当快不会发生。

第三个将是一个搜索框,您可以在其中键入代码并以这种方式选择它。

所有这三个都需要链接,以便当您在搜索框中键入代码时,它将在网格和树中选择它。 如果在树中选择它,则它将在网格中选择,如果您在网格中选择它,则将在树中选择它。

他们还希望我在您离开时记住最后一个选择,并能够在其他页面上键入代码 n,然后直接转到此页面并选中您键入的项目。 因此,我需要能够使用 MVC 的功能为列表中的每个项目建立超链接(我认为这将是执行此操作的方法)

老实说,这是我第一次使用 MVC ASP.net 我觉得我可能已经咬掉了比我能咀嚼的更多的东西,所以任何帮助将不胜感激!

如果我不需要包含任何额外的 dll,他们宁愿这样做,所以如果有一种方法可以在没有第三方工具的情况下做到这一点,那就更好了,但在这一点上我只是在寻找任何东西。

ASP.NET MVC可选树/网格/搜索数据视图

关于此的一些随机想法/想法:

作为您的第一个MVC应用程序,这是一个大项目 - 希望您对HTML/Javascript/jQuery有一些经验,因为它需要相当数量的胶水代码才能使所有内容协同工作。没有"在这里,做这个"的解决方案。

视图和网格有很多不同的免费/开源项目。我已经将jqGrid用于许多项目 - 它运行良好。它有一个不错的 API,并且相当可配置(尽管可能需要一些挖掘才能找到您需要的示例代码)。

对于树视图,您可以尝试 jsTree。不过,我没有使用它。

我建议从树视图开始,或者只从网格开始,然后先让它工作。然后添加另一个控件并使其正常工作。然后添加搜索。最后,我会努力让所有东西一起工作。

要处理导航到特定选择,您可以从 Javascript 中提取查询字符串中的信息。

意识到其中大部分将发生在客户端的Javascript中,而不是服务器端。