ListView item layout changes

2 posts, 0 answers
  1. Gerhard
    Gerhard avatar
    7 posts
    Member since:
    May 2013

    Posted 12 Jul 2013 Link to this post

    I've a listview in my app:

    <ul data-role="listview" data-style="inset" id="lstBikes"></ul>

    Inside there are items like this:

    for (var i = 0; i < model.bikersArray.length; i++) {
      var content = model.bikersArray[i].Description;
      if (content == "")
       content = model.bikersArray[i].RiderId;
      lis += '<li><a href="#tabstrip-bikes" onclick="editBike(\'' + model.bikersArray[i].ID + '\')">' + content + "</a></li>";
     }
     $("#lstBikes").html(lis);

    (The reason why I did it that way rather than using KendoMobileListView is that I was not able to successfully implement a dynamic parameter in the onclick event with KendoMobileListView)

    When the list is showed for the first time it works perfectly fine. See image one. But if the user switches to the tabstrip with this list for the second time the anchor looks like a common HTML anchor. See image two.

    You can reproduce this if you just click on the "Refresh" button in Device Simulator. The problem occurs on iPhone as well as on Android devices.

    I'm open to all suggestions and alterntives.

    Thank you for your great product,
    Gerhard
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 15 Jul 2013 Link to this post

    Hi Gerhard,

    Can you isolate this problem in a sample http://jsbin.com/ project? You could also create a new project in Icenium and let us know of its name, so we can take a look at it.

    Regards,
    Steve
    Telerik

    Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top