This is a migrated thread and some comments may be shown as answers.

[Solved] Rare display of grid in splitter

11 Answers 225 Views

Splitter

This is a migrated thread and some comments may be shown as answers.

Daniel asked on 04 Mar 2013, 12:00 PM

withgrid.png

withoutGrid.png

Hi,

I've got an issue about the display of a grid in a splitter.

If I add a grid in my display, everything is broken ... Any idea ? :(

11 Answers, 1 is accepted

answered on 06 Mar 2013, 11:19 AM

Hi,

That's what I have in my layout :

<script src="@Url.Content("~/Scripts/kendo/2012.3.1114/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1114/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1114/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/kendo.culture.fr.min.js")"></script>
<script type="text/javascript">kendo.culture("fr")</script>

Even if I add every jx file I have in Scripts/kendo/2012.3.1114, I still have the problem ...

Furthermore, in my folder, I only have file with "min" (ex : kendo.aspnetmvc.min.js).

EDIT :

I replace by those

<script src="~/Scripts/jquery-1.8.2.js"></script>
<script src="~/Scripts/kendo/2012.3.1114/jquery.min.js"></script>
<script src="~/Scripts/kendo/2012.3.1114/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/2012.3.1114/kendo.aspnetmvc.min.js"></script>
<script src="~/Scripts/kendo/kendo.culture.fr.min.js"></script>

answered on 06 Mar 2013, 03:55 PM

Hi Dimo, thanks for your answer.

This is my layout :

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2012.3.1114/kendo.common.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2012.3.1114/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2012.3.1114/kendo.metroblack.min.css")" rel="stylesheet" type="text/css" />

<script src="~/Scripts/jquery-1.7.1.min.js"></script>

<script src="~/Scripts/kendo/2012.3.1114/kendo.all.min.js"></script>

<script src="~/Scripts/kendo/2012.3.1114/kendo.aspnetmvc.min.js"></script>

<script src="~/Scripts/kendo/kendo.culture.fr.min.js"></script>

<script type="text/javascript">kendo.culture("fr")</script>

</head>

<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/Filtre.cshtml")</div>);

horizontalPanes.Add()

.HtmlAttributes(new { id = "center-pane" })

.Content(@<div class="pane-content" style="width:50%">

<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 :</p>

<p>2012-2013</p>

</div>);

}))

</body>

</html>

And this is my index :

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

}

})

)

In my controller for data :

public ActionResult Index()

{

DataTable logs = Write_Log.Read.loadXML();

return View(logs);

}

EDIT :

In filtre, there is my calendar etc ... and XML there is my treeview

answered on 11 Mar 2013, 12:20 AM

withDataTablewithData.png

withDataTablewithoutData.png

Hi,

Maybe there is a trouble with my DataTable ...

If I add an empty DataTable, everything is okay, but if I add a DataTable, everything goes wrong ...

DataTable listeLog = new DataTable("log");

listeLog.Columns.Add("Création", typeof(DateTime));

listeLog.Columns.Add("Type", typeof(string));

listeLog.Columns.Add("Message", typeof(string));

listeLog.Columns.Add("Stack Exception", typeof(string));

DataRow ajoutLigne = listeLog.NewRow();

ajoutLigne[0] = DateTime.Parse("20/09/1988 00:00:00");

ajoutLigne[1] = "TEST";

ajoutLigne[2] = "TEST";

listeLog.Rows.Add(ajoutLigne);

return View(listeLog);

This will maybe help you to find a solution ...

EDIT :

Furthermore, when I load my DataTable in my grid, and try to go to next page, everything disappear ...