PulltoRefresh, EndlessScroll and FixedHeaders in ListView

2 posts, 1 answers
  1. Pushpender
    Pushpender avatar
    5 posts
    Member since:
    Mar 2014

    Posted 20 Mar 2014 Link to this post

    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){
                            fetchQuery = "SELECT FirstName , ImageFilePath, Company, Mobile_Number, id from employee_db WHERE Company = '"+localStorage.getItem('userCompany')+"'";
                            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);
            sort: {
                field: "FirstName",
                dir: "desc"
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true,
            pageSize: 50,
            group: "Company"
            dataSource: dataSource,
            template: $("#mobile-listview-filtering-template").html(),
            fixedHeaders: false,
            filterable: {
                field: "FirstName",
                operator: "startswith"
            pulltorefresh: true,
            endlessScroll: true

  2. Answer
    Kiril Nikolov
    Kiril Nikolov avatar
    2543 posts

    Posted 21 Mar 2014 Link to this post

    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:



    Kiril Nikolov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top