Nativescript Vue RadDataForm, наблюдаемый / двусторонняя привязка - PullRequest
Новая
       6

Nativescript Vue RadDataForm, наблюдаемый / двусторонняя привязка

0 голосов
/ 20 января 2020

Как обновить пользовательский интерфейс редактора RadDataForm, если значение в модели изменяется? В качестве упрощенного примера c, предполагая, что у меня есть: 

<RadDataForm :source="item" @propertyCommitted="calcTotal"></RadDataForm>
...
data: function() {
  item: {
    price: 0,
    qty: 0,
    total: 0
  }
},
methods: {
  calcTotal(params) {
    if(params.propertyName == "qty") {
      this.item.total = this.item.price * this.item.qty;
    }
  }
}
...

В вышеприведенном примере total будет обновляться всякий раз, когда вводится значение для qty (price также должно иметь значение, но это ни здесь, ни там).

Это прекрасно работает, если я создал группу TextField с v-model="item.total", но при использовании RadDataForm это обновление модели c в программном обеспечении не обновляет пользовательский интерфейс.

Ведение журнала item показывает, что total имеет правильное значение, но текстовое поле в форме остается с 0.

Есть ли способ настроить RadDataForm так, чтобы 2 связывание (или это какая-то реализация наблюдаемого?) не повреждено? Я действительно хочу использовать его для проверки.

...