listview reached end, call to datasource.fetch creates error

2 posts, 0 answers
  1. Young
    Young avatar
    13 posts
    Member since:
    Nov 2013

    Posted 17 Jan 2014 Link to this post

    I'm so much frustrated using kendo mobile... there's so many issues. I'm not sure whether I'm coding bad,,,,

    Here's my another problem....

    when listview (binds to remote datasource) reaches end, and user can click the detail button from the list to see more information.
    It works fine when listview didn't reach end, but when it reaches end (using 'load more' button) and user clicks the detail button to see more information, I get 


    Uncaught TypeError: undefined has no properties
    (anonymous function)
    b.isFunction.i jquery.min.js:3
    C.render kendo.mobile.min.js:12
    b.isFunction.i jquery.min.js:3
    y.extend._renderItems kendo.mobile.min.js:18
    y.extend.insertAt kendo.mobile.min.js:18
    y.extend.append kendo.mobile.min.js:18
    g.Class.extend.init kendo.mobile.min.js:18
    $.item kendo.mobile.min.js:18
    g.Observable.extend.refresh kendo.mobile.min.js:18
    (anonymous function) kendo.mobile.min.js:18
    i.extend.trigger kendo.mobile.min.js:12
    lt.Observable.extend._change kendo.mobile.min.js:15
    (anonymous function) kendo.mobile.min.js:15
    i.extend.trigger kendo.mobile.min.js:12
    ut.extend._process kendo.mobile.min.js:14
    ut.extend.success kendo.mobile.min.js:14
    b.isFunction.i jquery.min.js:3
    n.success kendo.mobile.min.js:14
    c jquery.min.js:3
    p.fireWith jquery.min.js:3
    k jquery.min.js:5
    r jquery.min.js:5

    This error is generated when calling DataSource.fetch ...

    app.noteDetail = function(e){
            var view = e.view,
                noteDetailTemplate = kendo.template($("#detailTemplate").text());
     
            app.noteDS.fetch(function(){ //still causing issue to collapse listview
                var item = app.noteDS.get(view.params.id);
                view.scrollerContent.html(noteDetailTemplate(item));
                kendo.bind(view.element, item, kendo.mobile.ui);
            });
        };

    any clue?
  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 21 Jan 2014 Link to this post

    Hello,

    I would like to suggest that you use the mobile listview press to load more feature. It relies on the DataSource server-side paging, and also switches to virtual mode, to facilitate displaying large number of items. Please make sure that you look through the linked documentation and the provided demos - this mode has certain specifics, like serverPaging, pageSize and schema.total configuration being necessary for the virtual scrolling to work as expected.

    Regards,
    Petyo
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  3. Kendo UI is VS 2017 Ready
Back to Top