Автоматическое определение изменения DOM с помощью RactiveJS

Я использую RactiveJS для создания большой формы, которая автоматически меняет значения поля.

Небольшой планкр например => http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview< /а>

Когда я меняю первый выбор, второй обновляется, но значение остается старым. В моем проекте у меня не всего 2 выбора, а может быть десять с множеством опций и изменений, когда мы выбираем разные значения.

Можно ли автоматически обновлять все значения с фактическими параметрами?


javascript forms dom ractivejs
person harkor    schedule 10.03.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете сделать то же самое с ractive.observe:

var ractive = new Ractive({
  el: 'container',
  template: '#template',
});

ractive.observe('*', function(){ 
  setTimeout(function(){ ractive.updateModel(); })
});

http://plnkr.co/edit/t4CZRa6FWIdmMQhLqAKo?p=preview

Дополнительную информацию об использовании ключевых путей и подстановочные знаки, чтобы адаптировать ваше наблюдение.

person martypdx    schedule 10.03.2014

arrow_upward
0
arrow_downward

Я нашел решение. Инициируйте все события изменения (а не только выбранный ввод) с помощью jQuery и создайте updateModel().

Например

$('*').on('change', function(){ setTimeout(function(){ ractive.updateModel(); }, 0); });

person harkor    schedule 10.03.2014