JQM-группировка по категориям

Question

Hei. Группирование работает отлично, если я попытался добавить количество элементов категории. После добавления этого пункта группа останавливается в соответствии с их категорией. Есть ли способ исправить это?

$('.todo-listview').on("afterRefresh", function() { 
    $(".ui-li-divider").each(function() { 
     console.log($(this).text()); 
     var textSplit = $(this).text().split(",_#_"); 
     var countValue = textSplit[1]; 
     console.log(countValue); 
     $(this).text(textSplit[0]); 

     var count = document.createElement('span'); 
     $(count).addClass('ui-li-count').text(countValue); 
     $(this).append(count); 

    }); 
}); 

$('.todo-listview').listview({ 
    autodividers: true, 
    autodividersSelector: function (li) { 
     var out = li.data("category"); 
     var ranomNumber = $('li[data-category="' + out + '"]').size(); 
     if (out == "") { 
      return "A Table Is Not Set"; 
     } else { 
      return [out, "_#_" + ranomNumber]; 
     } 
    } 
}).listview("refresh").trigger("afterRefresh"); 

Answer 1

Вы можете использовать .length вместо .size(), чтобы получить количество, и вместо того, чтобы возвратить массив, просто сцепить строки (return out + "_#_" + ranomNumber;)

$('.todo-listview').listview({ 
    autodividers: true, 
    autodividersSelector: function (li) { 
     var out = li.data("category"); 
     var ranomNumber = $('li[data-category="' + out + '"]').length; 
     if (out == "") { 
      return "A Table Is Not Set"; 
     } else { 
      return out + "_#_" + ranomNumber; 
     } 
    } 
}).listview("refresh").trigger("afterRefresh"); 

Обновлено FIDDLE