Zum deaktivieren der Auslagerung auf eine kendogrid

Sind wir mit einem Kendo-raster. Ich habe eine Tabelle angelegt in meinem cshtml-Datei und in meiner js-Datei, die ich es an die Daten binden. Mein problem hier ist, dass das raster paging nicht Weg. Ich brauche alle Elemente auf der Seite, da wir don T erwarten, dass viel Last. Ich habe versucht, entfernen die pageable-Attribut, und ich habe versucht, markieren pageable: false. Aber ich sehe immer noch, dass das raster zeigt nur die 10 Elemente in einer Seite und gibt das paging.

Mithilfe this.pager.element.hide() können wir verstecken den pager aber das löst nicht den Zweck, da der pager ist ausgeblendet, aber die Auslagerung ist noch nicht fertig. So, jetzt sind die Elemente, angefangen 11th element oare, th enext Seite, aber wir werden nicht in der Lage zu navigieren.

Hier ist der vorhandene code. Ich habe entfernt die irrelevante Spalten in der Tabelle.
.CSHTML-Datei:

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

JS-Datei:

    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);
  • Haben Sie versucht, die Einstellung scrollbare zu wahren?
  • Ja. Versucht Scrollbaren True und False beiden. Noch sehe ich die Auslagerung geschieht.
InformationsquelleAutor Feroz | 2013-08-05
  1. 6

    Ich dies geschrieben, auf die Kendo-forum und es scheint, die einzige Art, wie wir es lösen können, ist das dynamische setzen der page-Größe des Rasters, und dann verstecken Sie den pager. In unserem Fall, da wir möchten, dass alle Elemente auf eine einzige Last, setzen wir Sie auf die Länge der Liste wird an den client gesendet. Unten ist der code, den ich verwendet und es funktioniert.

    var inboxGrid = $('#inboxItems').data("kendoGrid");
inboxGrid.dataSource.pageSize(<NUMBER OF ITEMS IN THE LIST>);
inboxGrid.refresh();
inboxGrid.bind("dataBound", function () {
                this.pager.element.hide();
        });
    InformationsquelleAutor Feroz
  2. 0

    Mit:

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

    nicht für mich arbeiten. Vielleicht, weil ich bin mit Razor und MVC um das raster anzuzeigen, oder vielleicht, weil wir mit Hilfe der Bootstrap-CSS, das weiß ich nicht. Aber so Tat ich dieses, statt:

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