Arquivos do Blog

Template do knockoutjs

Neste post, vamos aprender sobre o binding handler “template”, como é preenchido, através do elemento DOM, de acordo com sua instância de “viewModel”. Um template é uma maneira simples para construir uma estrutura de interface, com repetição ou aninhada em

Marcado com: , , , , , ,
Publicado em Knockoutjs

Quando utilizar textInput no knockoutjs

Como nós sabemos, o bind handler “value”, está presente há um bom tempo no knockoutjs. A partir da versão 3.2 do knockoutjs, foi introduzido o bind handler “textInput”. Basicamento, a diferença entre eles é: Um tem mais eventos atrelados, porem

Marcado com: , , , , , , ,
Publicado em Knockoutjs

Acessando API do youtube com knockoutjs

Neste post, vamos aprender como buscar um vídeo através da API do youtube. Iremos utilizar jQuery e knockoutjs. Primeiro você deve ter uma acesso ao console da google: console google. Já no console da google, você deve liberar acesso ao

Marcado com: , , , , , , , , ,
Publicado em Knockoutjs

Adicionando função customizada no kcnokoutjs

O knockoutjs permite que adicione uma função customizada no core do framework. Primeiro devemos saber que o KO utiliza herança entre algumas funções . Se você adicionar uma nova função em “ko.subscribable”, logo estará disponivel em todas as outras também.

Marcado com: , , , , , ,
Publicado em Knockoutjs

Variáveis de contexto no knockoutjs

O knockoutjs disponibiliza algumas variáveis de contexto, assim é possível acessar dados de um determinado contexto ou de outro. Vamos ver um exemplo prático, primeiro vamos criar uma classe “ViewModel” simples, para entender como funciona a variável “$data”: http://jsfiddle.net/andrebtoe/ns32f7at Exemplo

Marcado com: , , , , , ,
Publicado em Knockoutjs

Renderização pesada com knockoutjs

As vezes caímos em alguma situação que um determinado evento aciona uma porção de regras dentro do seu “ViewModel”, e por consequência sua página trava, vamos analisar um exemplo simples desse cenário, e ver como resolver. Defina o “ViewModel” da

Marcado com: , , , , , , ,
Publicado em Knockoutjs

Como usar validação com knockoutjs

Nesse post vamos aprender sobre mais um plugin do knockoutjs: knockout validation. Trata-se de um plugin de validação para trabalhar com o view model do KO. Devemos utilizar o próprio arquivo js do KO e o o arquivo do plugin que pode ser referenciado aqui: http://cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.min.js. O plugin faz uso de “extenders” do KO, para entender melhor para que server, e como implementar um customizado leia https://andrebtoe.com/2014/10/15/como-estender-um-observable-no-knockoutjs.

Veja um exemplo mais completo usando o plugin de validação http://jsfiddle.net/andrebtoe/yr508w0c/1

Marcado com: , , , , , , , ,
Publicado em Knockoutjs