This is a migrated thread and some comments may be shown as answers.

PulltoRefresh, EndlessScroll and FixedHeaders in ListView

1 Answer 63 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Pushpender
Top achievements
Rank 1
Pushpender asked on 20 Mar 2014, 09:45 AM
I'm looking out for a ListView with following features:
  1. Search Option
  2. Endless Scroll
  3. Fixed Headers ( using groups )
  4. Pull To Refresh

All 4 features doesn't work together. For eg, The FixedHeader doesn't seems to work in combination with Endless Scroll and Pull to refresh. Also the search option never works. Also the "sort" option never works.

Below is my code which I'm calling on data-init of my View.

function loadContactListView(){ 
  
    var dataSource = new kendo.data.DataSource({
           
        transport: {
            read: function(options){
                app.db.transaction(function (tx){
                   
                    if(localStorage.getItem('userCompany')){
                        fetchQuery = "SELECT FirstName , ImageFilePath, Company, Mobile_Number, id from employee_db WHERE Company = '"+localStorage.getItem('userCompany')+"'";
                    }else{
                        fetchQuery = "SELECT FirstName, ImageFilePath, Company, Mobile_Number, id from employee_db";
                    }
                    
                    tx.executeSql(fetchQuery, [], function (tx, result) {
                        var data = [];
                        for (var i = 0; i < result.rows.length; i++) {
                            data[i] = result.rows.item(i);
                            
                        }
                        options.success(data);
                    });
                });
            }
        },
        sort: {
            field: "FirstName",
            dir: "desc"
        },      
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
        pageSize: 50,
        group: "Company"
    });    
   
    $("#filterable-listview").kendoMobileListView({
        dataSource: dataSource,
        template: $("#mobile-listview-filtering-template").html(),
        
        fixedHeaders: false,
        
        filterable: {
            field: "FirstName",
            operator: "startswith"
        },
        pulltorefresh: true,
        endlessScroll: true
    });   
     
}





1 Answer, 1 is accepted

Sort by
0
Accepted
Kiril Nikolov
Telerik team
answered on 21 Mar 2014, 01:55 PM
Hi Pushpender,

Currently fixed headers and group mode are not supported when the ListView is used in endless scrolling mode. As for the other functionality that you are looking for - they should work as expected, you can check the following demos:

http://demos.telerik.com/kendo-ui/mobile/listview/pull-with-endless.html

http://demos.telerik.com/kendo-ui/mobile/listview/filtering.html

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ListView (Mobile)
Asked by
Pushpender
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or