Como forçar uma atualização de exibição sem que ela seja acionada automaticamente de um observável?

151

Nota: isso é principalmente para depuração e entendimento do KnockoutJS.

Existe uma maneira de solicitar explicitamente ao Knockout que atualize a visualização do modelo de visualização (já vinculado)? Estou procurando algo como:

ko.refreshView();

Entendo que esse não é o uso pretendido do Knockout, mas ainda quero saber se existe um método desse tipo para fins de depuração e aprendizado.

knockout.js

— THX-1138
fonte

Respostas:

252

Você não pode chamar algo em todo o viewModel, mas em um observável individual, você pode ligar myObservable.valueHasMutated()para notificar os assinantes que eles devem reavaliar. Isso geralmente não é necessário no KO, como você mencionou.

— RP Niemeyer
fonte

Você também pode iterar no contexto de dados, procurando elementos que possuam uma valueHasMutatedpropriedade do tipo functione chamando-a para cada um deles. Isso deve receber todos os seus observáveis, mas é uma prática ruim e, provavelmente, gera muito mais atualizações do que você imagina (pense em cadeias de dependência calculadas).

— 227 Patrick M

Com certeza seria bom se por nada mais - testar no chrome.

— Scott Romack

Seu viewModel pode, por si só, ser um observável, para que você possa ligar myViewModel.valueHasMutated()para atualizar a exibição inteira.

— Roy J

Também não funciona em matrizes aqui. De fato, as matrizes parecem não funcionar no Knockout. Eu sinto falta do Angular :-(

— garryp 16/09

Ele faz o trabalho em KnockoutObservableArrays partir de KO 3,5

— balint

Em algumas circunstâncias, pode ser útil simplesmente remover as ligações e reaplicar:

ko.cleanNode(document.getElementById(element_id))
ko.applyBindings(viewModel, document.getElementById(element_id))

— ProfNimrod
fonte

Obrigado pela edição ebram ... Acho que eu deveria ter mencionado que eu uso CoffeeScript ;-)

— ProfNimrod

Cuidado se você também usar o jQuery (por exemplo, ao migrar bits do aplicativo para o ko), pois o cleanNode também removerá outros eventos dom.

— Dan Revell 03/03

Isto é perfeito. Não consigo fazer com que o KO reconheça NOV filhos filhos com atributos de ligação de dados depois que um viewmodel foi aplicado.

— Andrew T Finnell

Perfeito! Trabalhando!

— jeff_drumgod 01/04

Eu criei um JSFiddle com meu manipulador de ligação de knockout em HTML aqui: https://jsfiddle.net/glaivier/9859uq8t/

Primeiro, salve o manipulador de ligação em seu próprio arquivo (ou em um arquivo comum) e inclua após Knockout.

Se você usar essa opção, suas associações a isso:

<div data-bind="bindHTML: htmlValue"></div>

OR

<!-- ko bindHTML: htmlValue --><!-- /ko -->

— James 'Fofo' Burton
fonte