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

ListView doesn't work properly on navigating to other external pages

1 Answer 57 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Core
Top achievements
Rank 1
Core asked on 22 Feb 2013, 09:48 PM
Hello Kendo Admin,

            Scenario;
                          I'm using a  listview and  after it loads the page on  my android 2.3.3.  I have noticed that the ">" on the grid sometimes shows up and sometimes DOESN'T shows up.

             Problem: 
                        I've notice that when the ">" sign on the grid doesn't shows up. The listview is LOCK and I can't navigate to other pages.  But, when it shows up. I can navigate to othere pages and works smoothly.   I have NO CONTROL  on why is this happend? 


             I have attached the screen shot and it's in listview.zip.  The source code is in index1.zip.


   Please help..

Thanks

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 25 Feb 2013, 07:26 PM
Hello Core,

Thank you for contacting us.

I am afraid that the provided information is not sufficient enough in order to determine where exactly the problem comes from. Generally speaking, the recommended way to bind the ListView to remote data is through DataSource (demo).

In your current implementation, you are building the ListView content at the success event of custom Ajax request. In addition the #details <ul> element is nested inside another <ul> tag with data-role ListView which may cause some troubles.

Please try to:
  1. Bind the ListView to a DataSource and render items using kendo template as in the aforementioned example.
  2. If that is not an option for you, please remove all the ajax calls and build the ListView from a hard coded mark-up. This will help us to identify whether the problem is connected with the ajax requests.
  3. Remove the parent <ul data-role="listview"> element.
    <div data-role="view" data-layout="overview-layout" id="overview-list" data-title="Menu">
        <ul id="details"></ul>
    </div>

    At the success event of the Ajax request, you can render the items and build a ListView widget.

If none of these recommendations helps, it would be best if you could provide me with a simplified but runnable project that isolates the problem. In this way I would be able to examine your case in details and assist you further.

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!
Tags
ListView (Mobile)
Asked by
Core
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or