Entrar Ainda não tem acesso?
2
respostas

Ordernar publicações da mais nova para mais antiga com o firebase

por Matheus de Oliveira Hatje
| 81.6k xp | 3 posts

Olá pessoal, estou com dificuldades em conseguir ordenar a minha lista partindo da mais nova para a mais velha, pois como a data é salva usando o timestamp, sempre que peço para ordenar pela data salva a primeira publicação que recebo é a mais antiga, como posso fazer para obter o resultado inverso? Segue abaixo a parte do código que faço a busca ao firebase e peço para ordenar por data:

        database.ref("Pedidos").orderByChild("data_pedido").on('child_added', function(snapshot){

É minha primeira postagem no fórum, caso tenha feito alguma irregularidade, desculpe-me.

2 respostas
por Marco Bruno
| 362.1k xp | 794 posts
Desenvolvedor e Instrutor

Olá, Matheus.

Eu não vi esse código aí ;-) Você pode me dizer qual é o banco de dados que você está usando? É firebase? Está usando alguma biblioteca?

por Matheus de Oliveira Hatje
| 81.6k xp | 3 posts

Olá, desculpe pela falta de clareza, sim, estou usando o banco de dados firebase, eu apenas importo ele com javascript, segue um trecho um pouco mais detalhado do código.

<script src="https://www.gstatic.com/firebasejs/4.1.1/firebase.js"></script>
<script>
var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
  firebase.initializeApp(config);
  var database = firebase.database();
  window.onload = function chamaPedidos(){
  database.ref("Pedidos").orderByChild("data_pedido").on('
  child_added', function(snapshot){
  snapshot.forEach(function(childSnapshot){
   var el = document.createElement('div');
   var title = document.createElement('h2');
   var body1 = document.createElement('p');
   title.innerHTML = "nome do cliente: " + childData.nome_cliente;
   body1.innerHTML = "Forma de pagamento: " + childData.forma_pagamento;
   //... restante do código
}