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

BUG: data-reload="true" causes tabstrip gone while loading

9 Answers 147 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Irina
Top achievements
Rank 1
Irina asked on 09 Mar 2014, 01:25 AM
Hi, guys.

This framework is awesome... like a native app! but i have a problem that subtracts points to my user experience.

The problem is about navigating to a remote view for second time, where the view has the data-reload=true attribute.

This problem wont happen when data-reload is set to false. But if i set it to false the data in the remote view wont update.

When i go to the remote view with data-reload=true for the first time no flicker appears and work perfect!... only for second time and the times after that (header and tabstript footer dissapear)

please advise to fix it...

9 Answers, 1 is accepted

Sort by
0
Irina
Top achievements
Rank 1
answered on 09 Mar 2014, 03:05 AM
Video with issue is here:
http://www.youtube.com/watch?v=pkLt8hHJFPQ&hd=1

And same issue if i add a tabstrip to your Music Application example:
http://www.youtube.com/watch?v=npZvLaq2WK4

And another thread with same problem...

You can try the Application example... add a tabstrip and add data-reload="true" to music-store.html and play-music.html and try it please...

<div data-role="layout" data-id="mobile-tabstrip" >
    <header data-role="header">
        <div data-role="navbar">
            <a data-align="left" data-role="backbutton" class="nav-button">Back</a>
            <span data-role="view-title"></span>
        </div>
    </header>
     
    <div data-role="footer">
     
        <div data-role="tabstrip" id="myTabStrip">
            <a href="#http://localhost:8086/Kendo/play-music.html" data-icon="recents">Play Music</a>
            <a href="#http://localhost:8086/Kendo/music-store.html" data-icon="cart">Music Store</a>
        </div>
    </div>
</div>
0
Irina
Top achievements
Rank 1
answered on 09 Mar 2014, 03:18 AM
Sorry, another thread with same problem:

http://www.telerik.com/forums/data-reload-and-tabstrip-issue
0
Petyo
Telerik team
answered on 11 Mar 2014, 03:36 PM
Hi Irina,

Thank you for contacting us. I managed to reproduce the flick, however it seems to be happening only in desktop browsers/simulators. The real device (iPhone) does not exhibit this behavior. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Irina
Top achievements
Rank 1
answered on 11 Mar 2014, 05:35 PM
I have his behavior in Android and Windows Phone real devices also Desktop Browsers. I haven't iPhone
0
Petyo
Telerik team
answered on 13 Mar 2014, 08:12 AM
Hello Irina,

If this is the case, then you may consider using local views (or remote views with data-reload set to false), and retrieve dynamic data using jQuery Ajax calls or the kendo DataSource component

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Irina
Top achievements
Rank 1
answered on 13 Mar 2014, 01:53 PM
Hi, that is not a solution for me. I've completed my project and i'm happy and ready to buy few licences but my only one problem is tabstript blinking. Any way to clean the app cache? or disable the loading animation? looks like when i load a remote view, the loading animation bring to front of tabstript. I've tried to modify tabstrip style and set z-index 999999 but does not work...
0
Irina
Top achievements
Rank 1
answered on 13 Mar 2014, 04:45 PM
I think that i 've fixed my problem.

When the remote view is hidden then i remove the view:
<div data-role="view" data-use-native-scrolling="true" id="customer_order_mobile" data-layout="mobile-tabstrip"  data-show="afterShow" data-hide="onHide">


function onHide(e) {
 
        $("#customer_order_mobile").remove();   
    }


Then, when the remote view is loaded for second time, load without tabstrip blinking

thanks any way.
0
Petyo
Telerik team
answered on 17 Mar 2014, 07:33 AM
Hi Irina,

The loading animation cannot be disabled - I am not sure how this is related to the problem you describe, though. Also, what do you mean by app cache? If you refer to the contents of the fetched remote view - this is exactly what the data-reload attribute does - it clears the previously created view and re-fetches its contents. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Irina
Top achievements
Rank 1
answered on 18 Mar 2014, 02:24 PM
Hi

The problem is gone. Just i remove the view after hide the remote view. Then: when i load again, load without tabstrip problems. :)
Tags
General Discussions
Asked by
Irina
Top achievements
Rank 1
Answers by
Irina
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or