一个视图中的两个局部视图

时间:2012-07-31 14:16:43

标签: asp.net-mvc asp.net-mvc-3 telerik telerik-grid

我是MVC3的新手。我的任务是在一个视图中渲染两个部分视图。 Telerik Grid中的每个部分视图中都会显示一个数据列表。我想在一个级别(即一行)中显示两个部分视图。我试图使用PanelBar(),但部分视图以逐行模式显示。我希望结果如下所示:

enter image description here

@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;" })
)

1 个答案:

答案 0 :(得分:0)

我只想在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