Comment faire de la barre de défilement automatique est activé ou désactivé dans un Kendo grille?

C'est mon code pour la création de la grille:

@{
    if (Model.GenericEntityList.Count > 0)
    {
        @(Html.Kendo().Grid(Model.GenericEntityList).Name(screenNames.ToString()).Columns(
              columns =>
                  {
                      columns.Bound(a => a.ID).Title("<input id='checkAll' type='checkbox' />").ClientTemplate("<input type='checkbox' id=#=genericCheckbox(ID,ViewFlag)#").Width(7);
                      columns.Bound(a => a.Name).Title(screen.ToString() + " Name").Width(93);
                  }
              ).Selectable().Scrollable().DataSource(
                  datasource =>
                  datasource.Ajax().Read(read => read.Action("CompSetHide", "Compset"))
              ).Events(a => a.Change("rowclick")
              )
              .HtmlAttributes(new {style = "height: 185px;"}) 
              )
    }
}

Comment puis-je désactiver et activer la barre de défilement verticale qui apparaît à l'intérieur du kendo grille automatiquement?

OriginalL'auteur user3139423 | 2013-12-31

  1. 10

    Vous pouvez utiliser quelque chose comme cela pour montrer la barre de défilement verticale:

    $("#grid .k-grid-content").css({
    "overflow-y": "scroll"
});

    et ce, pour le cacher:

    $("#grid .k-grid-content").css({
    "overflow-y": "hidden"
});

    où grid est l'id de votre élément de grille.

    Cela provoque les colonnes de la grille pour être alignées avec leurs en-têtes

    OriginalL'auteur Lars Höppner

  2. 1

    Vous pouvez ajouter .Défilement(défilement => défilant.Virtuel(true))

    @{
if (Model.GenericEntityList.Count > 0)
{
    @(Html.Kendo().Grid(Model.GenericEntityList).Name(screenNames.ToString()).Columns(
          columns =>
              {
                  columns.Bound(a => a.ID).Title("<input id='checkAll' type='checkbox' />").ClientTemplate("<input type='checkbox' id=#=genericCheckbox(ID,ViewFlag)#").Width(7);
                  columns.Bound(a => a.Name).Title(screen.ToString() + " Name").Width(93);
              }
          )
.Selectable()
.Scrollable(scrollable => scrollable.Virtual(true))
.DataSource(
              datasource =>
              datasource.Ajax().Read(read => read.Action("CompSetHide", "Compset"))
          ).Events(a => a.Change("rowclick")
          )
          .HtmlAttributes(new {style = "height: 185px;"}) 
          )
}
}

    OriginalL'auteur Karthikeyan P

  3. 1

    Utiliser le k-scrollable attribut

    <kendo-grid k-scrollable="false" ... />

    OriginalL'auteur McGarnagle

  4. 1

    Ci-dessous CSS devrait résoudre le problème et supprimer le défilement vertical comme il est décrit à http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#scrolling.

    #GridID .k-grid-header
{
   padding: 0 !important;
}

#GridID .k-grid-content
{
   overflow-y: visible;
}

    OriginalL'auteur Mohammad Arif

  5. 0

    Si vous utilisez un kendo grille imbriquée avec le kendo grille dans chaque ligne et chaque défilement virtuel.(à l'aide angulaire 5)
    cas 1: Après développez le et faites défiler l'passez prendre le dernier décompte.

    sol: utilisez [detailRowHeight] = "36" parent grille

    OriginalL'auteur Rohit Jangid