Show spinner on listview data refresh

2 posts, 1 answers
  1. Scott
    Scott avatar
    14 posts
    Member since:
    Oct 2012

    Posted 19 Feb 2013 Link to this post

    I am creating a Listview control in markup, and on a button click event am initializing and loading data into a datasource for display as result of a user initiated search.  When the user performs a new search, I call the datasource.reload() to retrieve data for the updated search criteria.  The spinner doesn't show up when I do so.  What can I do to get the spinner to show during the reload operation?  Here is the code that handles the 'click' event of the search.  Everything works fine except there is no spinner during read()
    //Handle the search 'GO' button click event
    this.doItemSearch =
    function () {
    //this selector grabs the search criteria
        if ($('#searchCriteria').val() != '') {
            if (dataSource)
            if (listView) {
                //Do nothing
            else {
                listView = $("#myListView").kendoMobileListView({
                    dataSource: dataSource,
                    template: $("#myTemplate").text(),
                    endlessScroll: true,
                    scrollTreshold: 30 //treshold in pixels
  2. Answer
    Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 21 Feb 2013 Link to this post

    Hello Scott,

    Please use the show/hideLoading methods of the mobile application. You can show the loading pop-up right before re-reading the dataSource and hide it at the requestEnd event.
    Fore information please see the following demo:

    Kind regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top