JQRY + XML piccola rubrica con ordinamento e raggruppamento

elisamito · 13 Mar 2013

Ciao ragazzi,
buongiorno a tutti,
sto cercando di imparare jqry con xml.
il mio intento sarebbe di fare una piccola rubrica dove ordinare e raggruppare tutti i nominativi per lettera: A , B , C ...
non so come fare l'ordinamento e il raggruppamento.
Questo è xml che ho fatto:

HTML:

<clienti>

	    <cliente alfabeto="a">
	        <denominazione>ALIS</denominazione> 
			<settore></settore>  
			<link>www.google.it</link>
		</cliente>
		
	    <cliente alfabeto="a">
	        <denominazione>AAA</denominazione> 
			<settore></settore>  
			<link>www.yahoo.it</link>
		</cliente>

	    <cliente alfabeto="b">
	        <denominazione>BBB</denominazione> 
			<settore></settore>  
			<link></link>
		</cliente>

</clienti>

mentre questa è la pagina html:

HTML:

<script src="jquery-1.4.2.js" type="text/javascript"></script>
	    <script type="text/javascript">
	    $(document).ready(function() {
	        $('#cliente').show(function() {
	            $.get('clienti.xml',function(data){
	                $('#content').empty();
	                $(data).find('cliente').each(function(){
	                    var $cliente = $(this);
	                    var html = '<div class="data">';                   
	                    html += '<h3>' + $cliente.attr('alfabeto') + '</h3>';
	                    html += '<div class="product">' + $cliente.find('denominazione').text() + '</div>';                  
	                    html += '<div class="type">' + $cliente.find('settore').text() + '</div>';
	                    $('#content').append(html);
	                });                       
	            });
	            return false;
	        });
	    });
 </script>


</head>

<body>

<div id="cliente"></div>
<div id="content">
</div>

ecco ad ora estra semplicemente i dati in cascata come faccio per ettenere un raggruppamento per lettera e un ordinamento alfabetico?

AD esempio:

A
ABATE
ALIAS

B
BABBO
BONI

....

GRAZIE MILLE!

criric · 16 Mar 2013

Ciao,
potresti provare a crearti un array mentre leggi il file tipo

Codice:

$(document).ready(function() {
        var clienti = new Array();
        var alfabeto = ("A","B");
        var i;
        $('#cliente').show(function() {
            $.get('clienti.xml',function(data){
                $('#content').empty();
                $(data).find('cliente').each(function(){
                    var cliente = $(this);
                    clienti[cliente.attr('alfabeto')][i]["denominazione"] = cliente.find('denominazione').text();
                    clienti[cliente.attr('alfabeto')][i]["settore"] = cliente.find('settore').text();
                    i++;
                });                       
            });
            return false;
        });
    });

poi con la funzione sort() lo ordini e lo stampi
è un idea buttata li

Cerca

Cerca

JQRY + XML piccola rubrica con ordinamento e raggruppamento

elisamito

Utente Attivo

criric

Super Moderatore

Discussioni simili