Hi

I'm using a kendoListView and a kendoPager like this :

$("#pagerLstArticle").kendoPager({
        dataSource: articles,
        pageSizes: [12, 24, 36, 48],
        messages: {
            display: "Articles {0} à {1} sur {2}"
        },
    });

I would like to adap the  kendoPager pageSizes depending on differents panels displayed or not on the screen

I can manage the kendoListView page size easily but for the kendoPager I don't know

How can I do this ?

Thank you

Isabelle

I'm trying to hide/disable the tooltip when you hover over a page number in pagination toolbar in the kendo grid:

I've spend several hours reading the documentation and forums, awnsers are either outdated or do not seem to work.

How do I hide this tooltip/popup?

Regards,
Jorre Vedder

I am showing pagination at bottom of Kendo Grid and data is coming dynamically, but when data is not there and the total parameter is 0 i am observing nothing in the pages. For this see the below screenshot

How we can resolve this issue?

Hi,

There is an existing issue with File Manger pagination in List Mode (Grid Mode works fine).

The issue is that the paginator does not get updated with total count of items in the folder just opened/expanded.  The count remains the same as first/home page.

E.g.  On home page of file manager, I have 5 items ( 3 folders, 2 files)... so pager widget reads "1 - 5  of 5 items".

Once I click on a folder (one of the 5 items), it opens to show 50 (of 25000) files.  However, the paginator widget stays at "1 -5 of 5 items".   Thus leaving the user screwed because there are no pager links to get to next page of items as it thinks it has only 5 items in view when there are actually 50 in view, and it thinks total items are 5 instead of 25,000.

If I switch to Grid mode, it all works perfectly.  Both my list and grid views are configured exactly the same.

,
                                views: { 
                                list: {
                                    pageable: {
                                        alwaysVisible: true,
                                        pageSizes: [10, 20, 50, 100, 200, 300, 500, 1000]
                                    },
                                    pageable: true,
                                    selectable: "single" //allows only single selection int the ListView
                                },
                                grid: {
                                    pageable: {
                                        alwaysVisible: true,
                                        pageSizes: [10, 20, 50, 100, 200, 300, 500, 1000]
                                    },
                                    pageable: true,
                                    selectable: "single" //allows only single selection int the ListView
                                }

So an obvious bug...but when will there be a fix?  Or a workaround? Currently I am working on rolling my own here.  I have to trap the "open" event (double click)...and the  reset the datasource with the correct items for the folder clicked on, and update the datasurce totals...then it works fine...but i have lost context of parent folders by resetting the data source with items at folder level.

The way it is currently, list mode is useless in FileManager...unless your sub folders have less items than your root folder.

the default number of page buttons is currently 10.

would like to know if it is possible to change to 5 buttons when it is detected that the user is surfing the page on mobile?

Hi Guys,

I have JQuery, KendoUI ASPNET MVC 5 which has two pages Index and View Details Page each has a dedicated js file and want to return to the previous Grid page number when a button in View Details is clicked:

• In the first page I search Customer details which populates a table with Customer details { Name, Occupation and Title, a link to the view details} and has pageSize of 10 and multiple pages, depending on the customers stored.
• What I want to achieve is to be able to return to the previous page results that was selected when and <a> to view details was clicked. For Instance I click <a> element on page number 20, I want to return to page 20 when I click save.

This is what I have tried so far:

• I used the standard way of saving the page grid in a sessionStorage , retrieving the saved page and assigning it to the current page when save or cancel button is clicked, and assigning the saved grid page number using this method:    kendoGrid.dataSource.page(savedPage).
• Results:  Returns to the first of results, irrespective of the current save page in the session storage.

I then attempted to fix the issue by trying to set the page number using the jquery.

ViewDetails.js

$(document).ready(function () {

  $("button.isa-button-back, button.isa-button-save").click(function (e) {

    localStorage.setItem("depositButtonClicked", true);

  });

});

Index.js

$(document).ready(function () {

  var filterNumber = $("span.k-state-selected").text();

  localStorage.setItem("filterNumber", filterNumber);

  if (localStorage.getItem("depositButtonClicked") === "true") {

    var storedValue = localStorage.getItem("filterNumber");

    $($("ul.k-pager-numbers li span.k-state-selected")).removeClass(

      "k-state-selected"

    );

    $("ul.k-pager-numbers li span")

      .filter(function () {

        return $(this).text() == parseInt(storedValue);

      })

      .addClass("k-state-selected");

    localStorage.removeItem("storedValue");

    localStorage.removeItem("depositButtonClicked");

  }

});

Results: Internal Server Error 500, when I click save or back button in the detailsPage

Another way that I tried was to use this function in the  CustomerController's method:

         

Good afternoon,

I've been working on an effort to replace angularJS with Kendo for JQuery.  For the most part, there's been a solution for everything, but I'm running into a bit of a hiccup.  Is there some sort of equivalent I can use to replace the dir-pagination directive (which can be applied to things like TR or LI elements) that angular uses?

Thanks,

Hi

my pager in the grid component does not show the active page:

analysing the HTML there is a class k-state-selected

but this class is nowhere defined in the current default theme

checking with the working demo from the kendo page the pager as rendered as buttons instead of li and there is a class k-selected which is also defined in the theme:

I'm working with all current versions:

Hi,

We're not sure if this is a bug or feature.

Using ListView and the method setDataSource with the built-in paging. The ListView appears to change data sources but the paging doesn't. Tried using the refresh() method but same result.

We worked around it by using the Pager widget and ListView without the bulit-in paging and this seems to work okay.

It's not a problem. Just found it weird that we do the same for a Grid on the same page using the method setDataSource and the data source changes okay along with the paging.

Any thoughts?

// First load
var dataSourceListView = new kendo.data.DataSource({
	data: dataSource,
	pageSize: 8
});

$("#listView").kendoListView({
	dataSource: dataSourceListView,
	dataBound: function () {
	},
	template: kendo.template($("#template").html()),
	pageable: true	
});

// Not first load
$("#listView").data("kendoListView").setDataSource(dataSourceListView);
//$("#listView").data("kendoListView").refresh();

Hi,

I would like to ask if it is possible to move the grid pager to the right, and also rearrange the “1-1 of items” message as the first element in the pager with just CSS?

How I want it to show:

I can structure the pager to the right with this line of Javascript code ,

$('.k-pager-info').insertBefore('.k-grid-pager .k-link:first');

But I would prefer a solution with only CSS and no Javascript.

Thank you.