Hello,
I have a problem. I have three Kendo components that have the same code, but only one of them is clickable.
Here is the code :
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.Collections.Generic.List<System.Collections.Generic.List<IntranetMVC.Models.Vehicule>>>" %>
<script src="<%= Url.Content("~/Scripts/Entrees_Sorties/VehiculesEnAttente.js") %>" type="text/javascript"></script>
<!-- Description : Vue partielle affichant la grille des vehicules attendus sur le site -->
<br />
<div class="tabKendo" style="text-align:center">
<!-- GRILLES DE DONNES -->
<table style="font-size:80%; border-collapse : collapse; border-spacing : 2px; ">
<tr>
<td>
<h3>Hier</h3>
</td>
<td>
<h3>Aujourd'hui</h3>
</td>
<td>
<h3>Demain</h3>
</td>
</tr>
<tr>
<td>
<!-- ----------- GRILLE POUR LES VEHICULES D'HIER ---------->
<% Html.Kendo()
.Grid<IntranetMVC.Models.Vehicule>()
.Name("Gd_Hier")
.BindTo(Model[0])
.Events(e => e
.Change("OnVehiculeArrive_va"))
.Columns(columns =>
{
columns.Bound(c => c.sHeurePrevue).Width(50).Title("Heure");
columns.Bound(c => c.NomTransporteurPrevu)
.Width(100)
.ClientTemplate("#= data.NomTransporteur.substring(0,14) #")
.Title("Transporteur");
})
.HtmlAttributes(new { style = "height: 464px; width: 180px; margin:5px; font-size:130%" })
.Sortable()
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Sort(sort => sort.Add("sHeurePrevue").Ascending()))
.Render();
%>
</td>
<td>
<!-- ----------- GRILLE POUR LES VEHICULES DE TODAY ---------->
<% Html.Kendo()
.Grid<IntranetMVC.Models.Vehicule>()
.Name("Gd_Today")
.BindTo(Model[1])
.Events(e => e
.Change("OnVehiculeArrive_va"))
.Columns(columns =>
{
columns.Bound(c => c.sHeurePrevue).Width(50).Title("Heure");
columns.Bound(c => c.NomTransporteurPrevu)
.Width(100)
.ClientTemplate("#= data.NomTransporteur.substring(0,14) #")
.Title("Transporteur");
})
.HtmlAttributes(new { style = "height: 464px; width: 180px; margin:5px; font-size:130%" })
.Sortable()
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Sort(sort => sort.Add("sHeurePrevue").Ascending()))
.Render();
%>
</td>
<td>
<!-- ----------- GRILLE POUR LES VEHICULES DE DEMAIN ---------->
<% Html.Kendo()
.Grid<IntranetMVC.Models.Vehicule>()
.Name("Gd_Demain")
.BindTo(Model[2])
.Events(e => e
.Change("OnVehiculeArrive_va"))
.Columns(columns =>
{
columns.Bound(c => c.sHeurePrevue).Width(50).Title("Heure");
columns.Bound(c => c.NomTransporteurPrevu)
.ClientTemplate("#= data.NomTransporteur.substring(0,14) #")
.Width(100)
.Title("Transporteur");
})
.HtmlAttributes(new { style = "height: 464px; width: 180px; margin:5px; font-size:130%" })
.Sortable()
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Sort(sort => sort.Add("sHeurePrevue").Ascending()))
.Render();
%>
</td>
</tr>
</table>
</div>
I don't have any idea why, but only the first component is clickable (the one under "hier" on the screenshot I joined).
1 Answer, 1 is accepted
Hello Jeremy,
We are not sure what could be causing the strange behavior. Could you please send us small isolated runnable example that demonstrates the issue in action, so we could inspect it locally and provide further insight?
I am looking forward to hearing from you.
Dimiter Madjarov
Telerik