Jump to content

Search the Community

Showing results for tags 'mustache'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. vinitf

    Dúvida com listas Mustache

    Olá, tenho uma lista de 3 locais e suas respectivas situações. Em rows bootstrap vão mostrar, em sequência, todos os pontos, os pontos localizados e os não localizados. Nesses dois últimos, caso não haja localizados ou não localizados, deve aparecer que todos não foram localizados ou foram, respectivamente. A primeira tabela foi feita normalmente com Mustache. As duas seguintes estou tendo problemas, pq foi exigido que eu criasse duas novas listas (uma para os pontos localizados, outra para os não) e, filtrando os dados da primeira lista para essas duas novas, esses dados iriam para as outras tabelas com Mustache. A ideia é filtrar os dados por meio do status de localização. <div id="output"> </div> <div id="gerar"><//div> <div class="container"> <br> <div class="row" id="arrays"> <script type="text/html" id="template"> <div id="col-sm-4" style="background-color:#EEE8AA;"> <b> Todos os serviços</div> </b> <p> {{#informacoes}}{{Nome}} {{/informacoes}} </p> <!-- O que preciso alterar aqui? <div id="col-sm-4" style="background-color:#8FBC8F;"> <b>Serviços online</div></b> <p> {{#lista[i]}}{{#Status}}{{Nome}}{{/Status}} {{/lista[i]}} <!-- Para mostrar que não tem serviços online--> {{^informacoes}}NENHUM PONTO LOCALIZADO!{{/informacoes}}</p> <div id="col-sm-4" style="background-color:#87CEEB;"> <b>Serviços offline </div></b> <p> {{#lista[j]}}{{^Status}}{{Nome}} {{/Status}}{{/ lista[j]}} <!-- Para mostrar que não tem serviços online--> {{^informacoes}}TODOS LOCALIZADOS!{{/informacoes}}</p> --> </div> </script> $(document).ready(function() { var output = $("#output"); var template = $("#template").html(); var pontos = { informacoes: [{ "Nome": "Ponto1", "Localizado": false }, { "Nome": "Ponto2", "Localizado": true }, { "Nome": "Ponto3", "Localizado": true }] }; function filtrararrays( data, status) { var lista = []; var max = data.length; var container = document.getElementById("arrays"); for (var i = 0; i < max; i++) { for (var j = 0; j < max; j++) { if (data[i].Status === status) { lista[i] = data[i]; }else{ lista[i] === lista[j]; // container.innerHTML += X; } }return lista; } document.getElementById("gerar").addEventListener(filtrarrays); } html = Mustache.render(template, pontos); output.append(html); }); filtrararrays ();
  2. Tenho que apresentar três métodos diferentes para apresentar os locais de acordo com a sua situação, os dois primeiros métodos obtive sucesso, mas o terceiro está dando errado, ele consiste em filtrar usando dois parâmetros dentro de uma função, seguindo os parâmetros da function principal, mas como nomes diferentes, mais ou menos seguindo esse exemplo de ordenar lista function trocar(vet, j) { var aux = vet[j]; vet[j] = vet[j + 1]; vet[j + 1] = aux; } function ordenar(vet, sort) { var aux = 0; for (var i = 0; i < vet.length; i++) { for (var j = 0; j < vet.length - 1; j++) { if (sort(vet, j)) { trocar(vet, j); } } } return vet; } var lista = [2, 3, 6, 8, 1, 4, 9]; alert(ordenar(lista, function(vetor, pos) { return vetor[pos] < vetor[pos + 1] })); E aqui tem o que estou usando <div id="output"></div> <div id="gerar"><//div> <script type="text/html" id="template"> <div id="col-sm-4" style="background-color:#EEE8AA;"> <b> Todos os serviços</div> </b> <p> {{#informacoes}}{{Nome}} {{/informacoes}} </p> <div id="col-sm-4" style="background-color:#8FBC8F;"> <b>Serviços online</div></b> <p> {{#localizado}}{{#Localizado}}{{Nome}}{{/Localizado}} {{/localizado}} <!-- Para mostrar que não tem pontos localizados--> {{^localizado}}NENHUM LOCALIZADO!{{/localizado}}</p> <div id="col-sm-4" style="background-color:#87CEEB;"> <b>Pontos não localizados </div></b> <p> {{#naolocalizado}}{{^Localizado}}{{Nome}} {{/Localizado}}{{/naolocalizado}} <!-- Para mostrar que não tem pontos não localizados--> {{^naolocalizado}}TODOS FORAM LOCALIZADOS!{{/naolocalizado}}</p> </div> </script> $(document).ready(function() { var output = $("#output"); var template = $("#template").html(); function filtrar(data, status) { var lista = []; for (var i = 0, max = data.length; i < max; i++) { if (data[i].Localizado === status) { lista[i] = data[i]; } } return lista; } var pontos = { informacoes: [{ "Nome": "Ponto1", "Localizado": false }, { "Nome": "Ponto2", "Localizado": true }, { "Nome": "Ponto3", "Localizado": true }] }; /*método 1 var informacoeslocalizadas = _.filter(pontos, function(item) { return item.Localizado === true; }); var informacoesnaolocalizadas = _.filter(pontos, function(item) { return item.Localizado === false; }); */ /* método 2 var informacoeslocalizadas = filtrar(pontos, true) var informacoesnaolocalizadas = filtrar(pontos, false)*/ /* método 3 (falta corrigir algo) var informacoeslocalizadas = filtrar(pontos, function(data, item){ if (item.Localizado === data) { informacoeslocalizadas.push(data); return informacoeslocalizadas === true; } }); var informacoesnaolocalizadas = filtrar(function(data, item){ if (item.Localizado === false) { informacoesnaolocalizadas.push(data); } return informacoesnaolocalizadas; });*/ var todosOsPontos = pontos; var informacoes = { informacoes: todosOsPontos, localizado: informacoeslocalizadas , naolocalizado: informacoesnaolocalizadas }; var html = Mustache.render(template, informacoes); output.append(html); });
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.