1

我的布局中有一个拆分器，用于显示信息。

我的显示效果很好，但是当我在 index.html 中有我的网格（在我的布局中由 @RenderBody() 调用）时，我的拆分器不再显示得很好......

一切都在一个页面上，没有拆分器...

有任何想法吗 ？

编辑 ：

是的对不起。

这是我的控制器：

public class HomeController : Controller
{
    private static string path = @"C:\LogIngesup\log.xml";

    public ActionResult Index()
    {
        DataTable logs = Write_Log.Read.loadXML(path);

        return View(logs);
    }
}

那里有我的布局：

    <body>
@(Html.Kendo().Splitter()
      .Name("vertical")
      .Orientation(SplitterOrientation.Vertical)
      .Panes(verticalPanes =>
      {
          verticalPanes.Add()
              .HtmlAttributes(new { id = "middle-pane" })
              .Scrollable(false)
              .Collapsible(false)
              .Content(
                Html.Kendo().Splitter()
                    .Name("horizontal")
                    .HtmlAttributes(new { style = "height: 100%;" })
                    .Panes(horizontalPanes =>
                    {
                        horizontalPanes.Add()
                            .HtmlAttributes(new { id = "left-pane" })
                            .Size("230px")
                            .Resizable(false)
                            .Collapsible(true)
                            .Content(@<div>@RenderPage("~/Views/Home/Calendrier.cshtml")</div>);

                        horizontalPanes.Add()
                            .HtmlAttributes(new { id = "center-pane" })
                            .Content(@<div class="pane-content">
                                <section id="main">
                                    @RenderBody()
                                </section>
                            </div>);

                        horizontalPanes.Add()
                            .HtmlAttributes(new { id = "right-pane" })
                            .Collapsible(true)
                            .Size("220px")
                            .Content(@<div class="pane-content">
                                @RenderPage("~/Views/Home/XML.cshtml")
                            </div>);
                    }).ToHtmlString()
              );

          verticalPanes.Add()
              .Size("70px")
          .HtmlAttributes(new { id = "bottom-pane" })
          .Resizable(false)
          .Collapsible(true)
          .Content(@<div class="pane-content" style="text-align:center">
             <p>Application développée par : Dan</p>
          </div>);
      }))
</body>

最终我的 index.html ：

    @{
    ViewBag.Title = "LogApp";
}

@model System.Data.DataTable

@(Html.Kendo().Grid(Model)
    .Name("Grid")    
    .Columns(columns => {
        foreach (System.Data.DataColumn column in Model.Columns)
        {
            columns.Bound(column.DataType, column.ColumnName);     
        }
    })    
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
)

我知道对我的代码有任何建议:)

此外，我有一个问题：

当我尝试在我的网格（index.html）中添加它时：

.DataSource(datasource=>datasource
    .Ajax()
    .PageSize(10)
)
.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))

我无法转到其他页面，也无法选择一行...您能帮帮我吗？

（当我直接写 url 时有效：localhost\?Grid-page=2）

4

1 回答 1

0

将 Kendo UI Splitter 放入 Kendo UI Tabcontrol 时，我遇到了同样的问题。

当在拆分器之前制作 Tabcontrol 时，它会出现这个问题，但是当我只是颠倒顺序时它工作正常。

即我从：

$(document).ready(function () 
{
    $("#ManagementMenu").kendoTabStrip();
    $("#splitter").kendoSplitter({
        panes: [
            { size: "200px", resizable: false},
            { size: "500px", collapsible: false}
        ],
    });
}

至

$(document).ready(function () 
{
    $("#splitter").kendoSplitter({
        panes: [
            { size: "200px", resizable: false},
            { size: "500px", collapsible: false}
        ],
    });
    $("#ManagementMenu").kendoTabStrip();
}

问题得到解决。

于 2013-03-13T16:02:17.043 回答