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

时间:2012-04-10 16:44:26

标签: c# jquery asp.net asp.net-mvc asp.net-mvc-3

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

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

第一个将是一棵树,并且在表格的某些列中使用相似之处将是树如何被分成几个部分。

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

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

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

他们还希望我在您离开时记住最后一个选项,并能够在不同的页面上键入代码n,并使用您键入的项目直接转到此页面。因此,我需要能够使用MVC的功能为列表中的每个项目建立超链接(我假设这将是这样做的方式)

老实说,这是我第一次使用ASP.net MVC而且我觉得我可能已经咬过这个项目了,所以任何帮助都会非常感激!

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

1 个答案:

答案 0 :(得分:0)

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

这是一个很大的项目,作为你的第一个MVC应用程序 - 希望你有一些HTML / Javascript / jQuery的经验,因为它需要相当数量的胶水代码才能使一切工作在一起。没有“在这里,做到这一点”的解决方案。

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

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

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

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

意识到大多数情况都会发生在客户端的Javascript上,而不是服务器端。