Divide Listview after adding item

Question

Got a small issue here I cannot seem to figure out,
I programmaticaly add items to my listview from a textfile. this all is going well except for one thing, the divider is adding the same dividers again.

Here is my JQUERY (in my document ready):

 var ContactList = 'data/contactlist.txt';
$.get(ContactList, function(data) {

var lines = data.split(",");
var content = "";

$.each(lines, function(n, elem) {
        if(elem != "" && elem!=null)
        {
        content += "<li><a href='#contactPopup' data-rel='popup'>" + elem + "</a></li>";
        //alert(elem);
        }
    });            
    $("#myContactList").append(content).listview("refresh");
});

wich gives me: https://drive.google.com/file/d/0Bxw7EGXkfUrKSjhtT1RsaERSNGs/edit?usp=sharing

As you can see, Divider "A" has been added twice, its creating a new divider for each person..

ezanker · Accepted Answer · 2014-05-22 13:58:36Z

1

The autodivider feature really only works on sorted lists. So as you add new contacts you need to keep the entire list in alphabetical order.

Either insert the new li in the correct place instead of at the end, or recreate the whole list from some sorted data object/array each time.

answered May 22, 2014 at 13:58

ezanker

24.7k1 gold badge22 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Divide Listview after adding item

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related