Jquery-mobile 1.4.5 dynamische listview duplizieren autodivider

Question

Ich habe ein kleines Problem mit meiner Anwendung. Ich benutze Jquery-Mobile 1.4.5 und möchte eine Listenansicht mit Autodividern verwenden, gefüllt mit einem SQL-Feld in einer PHP-Variablen.

Das Problem besteht darin, dass autodivider Titel jedes Mal duplizieren, wenn das SQL-Ergebnis einen Namen mit demselben Anfangsbuchstaben findet.

Wie Sie im nächsten Link sehen können, zeigt das Bild 2 Autodivider, die mit dem Anfangsbuchstaben "I" generiert wurden, und ich weiß nicht, warum die Lisview sie nicht in nur einem Autodivider gruppiert.

https://1drv.ms/i/s!AmWUBgKqLm-KhjIOlqMJH9Nu1Odb

Dies ist der Code meiner Haupt div, weicht die dynamischen autodivider mit der Variablen php generieren:

<div data-role="main" class="ui-content"> 
<h2>Listado de ventas por cliente</h2> 
<form class="ui-filterable"> 
<input id="myFilter" data-type="search" placeholder="Buscar cliente"> 
</form> 
<?php 
while ($row = $res->fetch()) { 
echo'<ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true"> 
<li><a href="#">'.$row[0].'</a></li> 
</ul>'; 
} 
?> 
</div> 

Jede Hilfe ist willkommen. Nice day :)

Answer 1

Sie verwenden mehrere data-autodividers .Verwendung Code folgende:

<div data-role="main" class="ui-content"> 
 
<h2>Listado de ventas por cliente</h2> 
 
<form class="ui-filterable"> 
 
<input id="myFilter" data-type="search" placeholder="Buscar cliente"> 
 
</form> 
 
    <ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true"> 
 
<?php 
 
while ($row = $res->fetch()) { 
 
echo'<li><a href="#">'.$row[0].'</a></li>'; 
 
} 
 
?> 
 
    </ul> 
 
</div>