1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Não consigo imprimir os registros do Firebase em Ordem Decrescente

Olá pessoal, estou desenvolvendo um aplicativo no Intel XDK usando html e javascript, e como banco de dados o Firebase. Porém estou tendo dificuldades em imprimir os registros do Firebase em ordem decrescente (como um ranking). Gostaria que me ajudasse se possível.

O meu código é o seguinte:

    <html>
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale= 1.0, maximum-scale= 1.0, user-scalable=no />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <!-- <meta charset="UTF-8"> Utiliza isto em vez da linha acima se estás a construir esta plataforma como um projeto recente -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
        <script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
    </head>

    <body>
    <table>
        <thead>
            <th>NOME</th>
            <th>TEMPO</th>
            <th>ACERTOS</th>
            <th>ERROS</th>
        </thead>
        <tbody id="resultado">

        </tbody>
    </table>

    <script>
    $(document).ready(function(){
        var APP = new Firebase("https://testestroop-c52df.firebaseio.com/");
        APP.ref().child('jogada').on('child_added', function(snap){
            var jogada = snap.val();
            var tr = document.createElement('tr');
            var td1 = document.createElement('td');
            var td2 = document.createElement('td');
            var td3 = document.createElement('td');
            var td4 = document.createElement('td');

            td1.append(document.createTextNode(jogada.nomeJogador));
            tr.appendChild(td1);
            td2.append(document.createTextNode(jogada.tempo));
            tr.appendChild(td2);
            td3.append(document.createTextNode(jogada.acertos));
            tr.appendChild(td3);
            td4.append(document.createTextNode(jogada.erros));
            tr.appendChild(td4);
            resultado.appendChild(tr);
        });
    });
    </script>
    <body>
    </html>

Ele imprime todos os resultados, porém por ordem inserção, queria em ordem decrescente por acertos (quem fez mais acertos, aparecer no topo.

A estrutura da minha base de dados está da seguinte forma:

https://www.filepicker.io/api/file/G78KvSiwSCGipWLJsj05

Já tentei das duas maneiras e não consegui:

APP.ref().child('jogada').orderByChild('acertos').on('child_added', function(){.....}

APP.ref().child('jogada').orderByValue('acertos').on('value', function(){....}
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript html ou faça a sua própria pergunta.