I am using the code below to display custom dividers in the list.
For some reason the divider is duplicated if user enters Item1 divider, then Item2 divider and then again Item1 divider. (see attached image)
Is there a way to fix that?
var listName = "lstMethods_3";
var deviderOrder = 0;
var lblOut="";
Appery(listName).listview({
Code: Select all
autodividers: true,
autodividersSelector: function (li) {
// Here is a place where you need return autodevider text.
// return "AutoDevider[" + deviderOrder++ + "] = " + li.text().trim();
var label = li.find("[name=lblSite]"); //Find component
// alert(label.text());
if (label.text()!=="") {
// lblOut = "Site: " + label.text(); //Return label text
lblOut = label.text(); //Return label text
} else {
lblOut = "";
}
return lblOut;
} });
Appery(listName).listview("refresh"); //Refresh list component
Appery(listName).trigger("listviewcreate"); //Initiate dividers creation