Índice
Como devemos saber, as coleções são uma parte muito importante do Backbone.js para lidar com os dados dinâmicos de nosso aplicativo, no entanto, se dependermos apenas deles, provavelmente teremos que fazer uma grande quantidade de código cada vez que precisarmos construir uma visão que represente nossas coleções.Com o uso de Tórax Podemos aproveitar as facilidades oferecidas por esta extensão para reduzir a quantidade de trabalho e assim fazer aplicações em menos tempo e com um código mais eficiente.
Ajudante de coleção
Nós sabemos que um ajudante é um agrupamento de métodos que nos ajuda com um tópico específico, no caso de coleções o helper que tem Tórax Ajuda-nos a gerar visualizações a partir destas, com isso podemos reutilizar e escrever um código mais eficiente e menos complexo, isto ajuda-nos a melhorar a manutenção da nossa aplicação, bem como a forma como podemos desenvolver as nossas funcionalidades.
CollectionViewNo caso específico de Tórax nós temos o CollectionView, que é quem nos vai ajudar a pegar em cada elemento da nossa coleção e a gerar uma vista que pode mudar de acordo com o comportamento desses elementos.
Vamos ver um exemplo simples de como isso ajudante construir uma visão a partir de uma coleção.
Esta coleção recebe uma série de elementos, neste caso animais de estimação e cada um teria um nome, então em nosso aplicativo Javascript teríamos o seguinte:
Como vemos o ajudante nos ajuda a criar o elemento da coleção com poucas linhas de código.
Atributos Disponíveis
Para facilitar nossa vida, podemos usar uma série de atributos em nosso HTML que nos fornecem uma interpretação por Tórax que pode ser útil, vamos ver quais podemos usar:
item-templateEle nos permite especificar um modelo para cada modelo.
item-viewÉ uma classe que é usada quando criamos cada visão dos elementos da coleção.
vazio-templateÉ o modelo padrão que será utilizado quando a coleção estiver vazia, desta forma podemos cobrir o caso de não haver resultados.
vista vaziaComo no caso do modelo vazio, isso gera a visualização para quando não temos elementos em nossa coleção.
Blocos Condicionais
Existe uma ferramenta que é blocos condicionais, que nos permitem especificar casos, para que nossa coleção possa mostrar uma visão ou outra dependendo do caso.
Neste caso vemos como definimos um ou outro elemento caso a coleção não possua elementos já carregados, isso nos poupa muito trabalho e validações que tornam um código mais complexo do que o necessário.
Bem com isso terminamos este tutorial, como vemos Backbone.js e a sua flexibilidade dá-nos a porta para usar as extensões que nos permitem gerir a nossa aplicação da forma que quisermos, no caso dos helpers as funcionalidades que nos ajudam a construir são inestimáveis, o importante é saber usar essas ajudas e faça o melhor código possível.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo