Toujours afficher la première ligne sélectionnée dans la grille de Kendo

Je suis en train de travailler sur un mvc4 projet où j'utilise un Kendo de la Grille. Je veux que l'utilisateur puisse voir la première ligne de la grille sélectionnée par défaut. J'ai beaucoup de lignes donc j'utilise la pagination. Lorsque l'utilisateur accède à la page de 2,3, 40, etc...j'ai aussi envie de voir la première ligne de chaque page sélectionnée. Ci-dessous mon code où je créer la grille

<%: Html.Kendo().Grid(Model)
            .Name("AuthorisationsGrid")
            .Columns(columns =>
             {
                 columns.Bound(p => p.Mis).Title("MIS").Width(80);
                 columns.Bound(p => p.AuthorisationSerialNumber).Title("ΑΑ Προέγκρισης");
             })
             .Pageable()
             .Sortable()
             .Filterable()
             .Selectable(s => s.Mode(GridSelectionMode.Single))
             .Resizable(resize => resize.Columns(true))
             .DataSource(dataSource => dataSource
                .Ajax()
                .ServerOperation(false)
                .Model(model => model.Id(p => p.AuthorisationSerialNumber))
                .Model(model => model.Field(p => p.Mis))
                .Batch(true)
                .Read(read => read.Action("AuthorisationsPartial", "UserFilesDashboard")))%>

comment puis-je atteindre au-dessus de comportement? Peut-être que jQuery pourrait être utile (mais j'ai très peu de connaissances de jQuery). Toute aide appréciée. Je vous remercie à l'avance.

OriginalL'auteur Giorgos Manoltzas | 2012-11-18

  1. 4

    En effet vous pouvez utiliser l' dataBound cas de la Grille et jQuery pour ajouter le k-état-sélectionné de classe pour le premier élément tr dans la tbody de la Grille.

    voici un exemple:

    $('#GridName').data().kendoGrid.bind('dataBound',function(e){
    this.element.find('tbody tr:first').addClass('k-state-selected')
})
    mais ce n'est pas vraiment le sélectionnant

    OriginalL'auteur Petur Subev

  2. 3

    Il est aussi possible de le faire d'une autre manière

    Méthode 1

    Lier la grille à la onDataBound événement via 

    <div data-bind="source: mydataSource, events: {
  dataBound: onDataBound
}" >

    pour MVVM ou via le

    ("#gridName").data("kendoGrid").dataBound(..) (not exact)

    Méthode 2

    À l'intérieur de la 

    databound: function() {
  var uid = data[0].uid;
  var row = roomGrid.table.find('tr[data-uid="' + uid + '"]');
  roomGrid.select(row);
}

    Cela fonctionne dans mon cas. Espérons que cela aide.

    OriginalL'auteur Rohit Tidke

  3. 0
    $('#gridName').data().kendoGrid.bind('dataBound', function (e) {
            this.select("tr:eq(1)");
            //this.element.find('tbody tr:first').addClass('k-state-selected');
        })

    pour plus de détails s'il vous plaît voir le lien ci-dessous
    http://docs.kendoui.com/api/web/grid#methods-select

    Pourriez vous m'expliquer comment ce code fonctionne? Code-seulement des réponses (bien qu'acceptées à la fois) pourrait être améliorée par l'ajout de quelque chose à expliquer ce qu'il fait ou comment il fonctionne. Merci!

    OriginalL'auteur kazem

  4. 0

    Après la mise à jour du code à partir de:

    $('#GridName').data().kendoGrid.bind('dataBound',function(e){...

    à: 

    $('#GridName').data("kendoGrid").bind('dataBound', function (e) {...

    Maintenant, il est fixe et la version finale du code ci-dessous fonctionne:

    $(function () {
    $('#GridMaster').data("kendoGrid").bind('dataBound', function (e) {
        this.element.find('tbody tr:first').addClass('k-state-selected')
    });
});


    Remarque: Si il ya un problème pour obtenir des documents sur la grille, utilisez ce script après la définition de la Grille au lieu d'avant la définition de la Grille.

    OriginalL'auteur Murat Yıldız