ASP.NET MVC - 如何将 MVC GridView 扩展嵌入到 Tab Strip 扩展中

引言

查看这份快速指南，了解如何将 DevExpress ASP.NET MVC GridView 嵌入到 Tab Strip 扩展中。

背景

Alexey M. 在我们的论坛上提出了以下问题

MVC Tabs 演示和 GridView 组件

作者：Alexey X，在 MVC 扩展版块

你好！我正在使用带有 AJAX 选项卡的演示。我想将一个数据网格放置到其中一个 AJAX 选项卡中。我该怎么做？

解决方案

我们的 Tab Strip 扩展有一个 出色的“AJAX”演示，展示了点击不同选项卡时的回调功能。

要将我们的 MVC GridView 扩展嵌入到 Tab Strip 扩展中，请按照以下步骤操作

1. 创建一个名为 TabControl.aspx 的视图，并添加以下代码

<% Html.RenderPartial("TabControlPartial", Model); %>

2. 创建 'TabControlPartial.ascx' 视图，并添加以下代码用于 Tab Strip 扩展

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

<% 
    Html.DevExpress().PageControl(settings => {
        settings.Name = "pageControl";
        settings.CallbackRouteValues = new { Controller = "Home", Action = "TabControlPartial" };

        settings.TabPages.Add("page1");
        settings.TabPages.Add(tabPage => {
            tabPage.Text = "page2";
            tabPage.SetContent(() => { 
                Html.RenderPartial("GridViewPartial", Model);
            });
        });
    })
    .Render(); 
%>

3. 创建 'GridViewPartial.ascx' 视图，并添加以下代码用于 GridView 扩展

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%
    Html.DevExpress().GridView(settings => {
        settings.Name = "Grid";
        settings.CallbackRouteValues = new { Controller = "Home", Action = "GridViewPartial" };

...
    })
    .Bind(Model)
    .Render();    
%>

4. 确保您的方法也在控制器中定义。在上面的示例中，我引用了 HomeController.cs

...
        public ActionResult TabControl() {
            return View(GetData());
        }
        public ActionResult TabControlPartial() {
            return PartialView(GetData());
        }
        public ActionResult GridViewPartial() {
            return PartialView(GetData());
        }

...

如果您想将上述代码转换为“Razor”视图引擎，请查看以下优秀资源

• DevExpress 与 ASP.NET MVC 3 Razor 视图引擎
• 还请查看方便的 "在 Razor 视图中使用" 帮助主题

享受并感谢您使用 DevExpress MVC 扩展！

尽情构建，不受限制或妥协

立即在线试用 DevExpress ASP.NET MVC 扩展：http://mvc.devexpress.com

阅读有关 DevExpress ASP.NET MVC 扩展的最新消息

立即下载免费且功能齐全的 DXperience 版本：http://www.devexpress.com/Downloads/NET/