asp.net-mvc - 一个视图中的两个局部视图

Question

我是 MVC3 的新手。我的任务是在一个视图中渲染两个局部视图。Telerik Grid 中的每个部分视图中都将显示一个数据列表。而且我想在一个级别（即一行）中显示两个部分视图。我曾尝试使用 PanelBar()，但部分视图以逐行模式显示。我想要如下所示的结果：

@using EY.Benchmarking.Entities.Administration;
@model IEnumerable<Measure>
@{
ViewBag.Title = "Roles";
int PageSize = 10; // This needs to be fetched from a global variable   
}
@(
Html.Telerik().Grid(Model)
    .Name("RoleList")
    .DataKeys(dataKeys => dataKeys.Add(o => o.MeasureID))
        .DataBinding(dataBinding => dataBinding
            .Ajax()
            .OperationMode(GridOperationMode.Client) // <-- set the operation mode
            .Select("RoleList", "RoleMapping")
            )
    .Columns(columns =>
    {
        columns.Bound(o => o.MeasureID).Visible(false);
        columns.Bound(o => o.MeasureName);
    })
    .Pageable(paging => // Set the pagingation and associated propeties
        {
            paging.PageSize(PageSize).Style(GridPagerStyles.NextPreviousAndInput).Position(GridPagerPosition.Bottom);
        })
    .Sortable()
    .Reorderable(reorderable => reorderable.Columns(true))
    .Resizable(resizable => resizable.Columns(true))
    .Filterable()
    .HtmlAttributes(new { style = "width: 500px;" })
)

Answer 1

我只需在 HTML 中创建一个单行表并将两个部分添加为单元格。第一部分在这里 第二部分在这里

或者你可以使用 Telerik 分离器。

<%= Html.Telerik().Splitter()
        .Name("LayoutSplitter")
        .Panes(panes =>
        {
            panes.Add()
            .Content("Left pane");

        panes.Add()
            .Content("Right pane");
    })
%>

来源：http ://www.telerik.com/help/aspnet-mvc/telerik-ui-components-splitter-introduction.html