Problem with selectable option

2 posts, 0 answers
  1. Jeremy
    Jeremy avatar
    1 posts
    Member since:
    Sep 2013

    Posted 15 Feb Link to this post

    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). 

     

     

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 17 Feb Link to this post

    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.

    Regards,
    Dimiter Madjarov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top