Comment faire pour désactiver la pagination sur un kendogrid

Nous sommes à l'aide d'un Kendo de la grille. J'ai créé une table dans ma cshtml fichier et dans mon fichier js, je la lie les données. Mon problème, c'est que la grille de pagination ne va pas loin. J'ai besoin de tous les éléments de la page, puisque nous ne sommes pas attendre beaucoup de la charge. J'ai essayé de supprimer les paginable attribut et j'ai essayé de marquage pageable: false. Mais je vois encore de la grille affiche seulement 10 éléments dans une page et donne la pagination.

En utilisant this.pager.element.hide(), nous pouvons masquer le pager, mais ça ne résout pas le but depuis le pager est caché, mais la pagination est continue d'être accompli. Donc, maintenant, les éléments à partir du 11ème élément oare sur th enext page, mais le nous ne sera pas en mesure de naviguer.

Voici le code existant. J'ai enlevé la pertinence des colonnes dans le tableau.
.CSHTML Fichier:

 <table style="width: 100%;" class='list-entity' id='inboxItems'>
                <thead>
                    <tr>
                        <th data-field='Actions' class="iconCell" style='width: 1%'>&nbsp;</th>
                       <### THERE ARE MORE COLUMNS HERE AND THOSE HAVE CORRESPONDING COLUMNS IN SETTINGS ###>      
                    </tr>
                </thead>
            </table>

Fichier JS:

    var settings = {
        kendosettings: {
            dataSource: {
                data: requestItemsList,
                schema: {
                    //required if get method will be used
                    model: {
                        id: "StepApproverKey"
                    }
                },
                group: [
                    {
                        field: "GroupByAttribute",
                        dir: "asc",
                        aggregates:
                        [
                            { field: "GroupByAttribute", aggregate: "count" }]
                    }]
            },
            sort: { field: "SubmittedOn", dir: "desc" },
            sortable: true,
            pageable: false,
            scrollable: false,
            columns: [
                {
                    field: "Actions",
                    title: "Actions",
                    template: kendo.template($("#inboxrowEditTemplate").html())
                },
                { field: "StepApproverKey", hidden: true },
                {
                    field: "GroupByAttribute",
                    hidden: true,
                    groupHeaderTemplate: kendo.template($("#inboxrowgroupHeaderTemplate").html()),
                    headerAttributes: {
                        style: "width: 100%"
                    }
                }
            ],
            selectable: "row",
        }
    };
    $('#inboxItems').pdi().displaygrid(settings);
Avez-vous essayez de réglage à défilement de vrai?
Oui. Essayé de Défilement Vrai et Faux à la fois. Encore je vois la pagination passe.

OriginalL'auteur Feroz | 2013-08-05

  1. 6

    J'ai posté ceci sur le Kendo forum et il semble que la seule façon de le résoudre est de définir dynamiquement la taille de la page de la grille, puis masquer le pager. Dans notre cas, puisque nous voulons que tous les éléments sur une seule charge, nous avons mis à la longueur de la liste d'être envoyé au client. Ci-dessous le code que j'ai utilisé et ça fonctionne.

    var inboxGrid = $('#inboxItems').data("kendoGrid");
inboxGrid.dataSource.pageSize(<NUMBER OF ITEMS IN THE LIST>);
inboxGrid.refresh();
inboxGrid.bind("dataBound", function () {
                this.pager.element.hide();
        });
    J'ai trouvé le Kendo forum convo - telerik.com/forums/how-to-disable-paging-on-a-kendogrid
    <le NOMBRE D'ÉLÉMENTS DANS LA LISTE> doit avoir été écrite inboxGrid.dataSource.total() .

    OriginalL'auteur Feroz

  2. 0

    À l'aide de:

    inboxGrid.bind("dataBound", function () {
            this.pager.element.hide();
    });

    ne fonctionne pas pour moi. Peut-être parce que j'utilise une lame de Rasoir et le MVC pour afficher la grille, ou peut-être parce que nous sommes à l'aide de Bootstrap pour le CSS, je ne sais pas. Mais j'ai donc fait cela, au lieu de:

    var inboxGrid = $('#inboxItems').data("kendoGrid");
inboxGrid.dataSource.pageSize(inboxGrid.dataSource.total());
inboxGrid.refresh();
$('[class*="k-pager-nav"]').hide();

    OriginalL'auteur vapcguy