Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''mustache''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 2 registros

  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. vinitf

    Lista mustache - métodos de filtrar

    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); });
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.