Kendo UI Сетка в сплиттере

У меня есть разделитель в моем макете, чтобы отобразить информацию.Kendo UI Сетка в сплиттере

Мой дисплей хорош, но когда у меня был сетка в моей index.html (который называется в моем макете по @RenderBody()), мой сплиттер не очень хорошо отображается больше ...

Everything находится на одной странице, без сплиттера ...

Любые идеи?

EDIT:

Да, извините.

Там мой контроллер:

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: локальный \ Grid-страница = 2)

источник

2013-02-26 Kurushimeru

Любые ошибки в консоли? –

Нет, у меня нет никаких ошибок. Мой дисплей отлично работает без сетки (у меня есть столбец слева с календарем, столбец справа и нормальный дисплей в центре пуст). Когда я добавляю это, все тает. Обычный: Календарь | Пустой | Правая колонка после: Calender Сетка Правая колонка – Kurushimeru

У меня была такая же проблема, когда положить Кендо UI Splitter внутри Кендо UI TabControl.

Когда Tabcontrol был сделан до Splitter, он делал эту проблему, но когда я просто изменил порядок, он работал нормально.

Я изменил то есть от:

$(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-13 16:02:17 James

Kendo UI Сетка в сплиттере

ответ

Смежные вопросы