Связывание грязных свойств разных моделей представления

У меня есть приложение tornadoFX, следующее за шаблоном MVVM с моделью:

data class Person (
    val name: String,
    val cars: List<Car>
)

data class Car (
    val brand: String,
    val model: String
)

Приложение определяет следующий вид:

введите описание изображения здесь

Есть список, в котором перечислены все люди. Кроме того, listView - это подробное представление с текстовым полем для имени человека и табличное представление для автомобилей этого человека.
Двойной щелчок по записи автомобиля в таблице открывает диалоговое окно, в котором можно редактировать свойства автомобиля.

Я хочу, чтобы, если я открою сведения об автомобиле и отредактирую запись, изменения будут отражены в табличном представлении. Поскольку я не могу изменить модель автомобиля (которая является неизменяемым типом) путем добавления свойств fx, я придумал следующую модель представления:

class PersonViewModel(): ItemViewModel<Person> {
    val name = bind(Person::name)
    val cars = bind { SimpleListProperty<CarViewModel>(item?.cars?.map{CarViewModel(it)}?.observable()) }

    override fun onCommit {
        // create new person based on ViewModel and store it
    }
}

class CarViewModel(item: Car): ItemViewModel<Car> {
    val brand = bind(Car::name)
    val model = bind(Car::model)

    init {
        this.item = item
    }
}

Таким образом, если дважды щелкнуть запись автомобиля в табличном представлении и открыть подробное представление автомобиля, обновление автомобиля будет непосредственно отражено в табличном представлении.

Моя проблема здесь в том, что я не могу найти способ привязать грязные свойства всех моих CarViewModels в таблице к PersonViewModel. Поэтому, если я меняю машину, PersonViewModel не помечается как грязный.

Есть ли способ связать грязные свойства PersonViewModel и CarViewModel? (А также перепривязать их, если выбран другой человек).

Или есть еще лучший способ определить мои модели просмотра?


kotlin tornadofx
person Sebastian    schedule 16.05.2018    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Я внес изменения в структуру, чтобы привязки ViewModel к спискам могли наблюдать за событиями ListChange. Это позволяет вам запускать «грязное» состояние свойства списка, каким-либо образом изменяя список. Простое изменение свойства внутри элемента в списке не вызовет его, поэтому в следующем примере я просто получаю индекс Car перед фиксацией и переназначаю Car этому же индексу. Это вызовет событие ListChange, которое теперь отслеживает платформа.

Важное действие происходит в функции сохранения диалога автомобиля:

button("Save").action {
    val index = person.cars.indexOf(car.item)

    car.commit {
        person.cars[index] = car.item
        close()
    }
}

Индекс автомобиля записывается перед фиксацией значений (чтобы убедиться, что equals / hashCode соответствует той же записи), затем вновь зафиксированный элемент вставляется в тот же индекс, таким образом вызывая событие изменения в списке.

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

class Person(name: String, cars: List<Car>) {
    val nameProperty = SimpleStringProperty(name)
    var name by nameProperty

    val carsProperty = SimpleListProperty<Car>(FXCollections.observableArrayList(cars))
    var cars by carsProperty
}

class PersonModel : ItemViewModel<Person>() {
    val name = bind(Person::nameProperty)
    val cars: SimpleListProperty<Car> = bind(Person::carsProperty)
}


class Car(brand: String, model: String) {
    val brandProperty = SimpleStringProperty(brand)
    var brand by brandProperty

    val modelProperty = SimpleStringProperty(model)
    var model by modelProperty
}

class CarModel(car: Car? = null) : ItemViewModel<Car>(car) {
    val brand = bind(Car::brandProperty)
    val model = bind(Car::modelProperty)
}

class DataController : Controller() {
    val people = FXCollections.observableArrayList<Person>()

    init {
        people.add(
                Person("Person 1", listOf(Car("BMW", "M3"), Car("Ford", "Fiesta")))
        )
    }
}

class PersonMainView : View() {
    val data: DataController by inject()
    val selectedPerson: PersonModel by inject()

    override val root = borderpane {
        center {
            tableview(data.people) {
                column("Name", Person::nameProperty)
                bindSelected(selectedPerson)
            }
        }
        right(PersonEditor::class)
    }
}

class PersonEditor : View() {
    val person: PersonModel by inject()
    val selectedCar : CarModel by inject()

    override val root = form {
        fieldset {
            field("Name") {
                textfield(person.name).required()
            }
            field("Cars") {
                tableview(person.cars) {
                    column("Brand", Car::brandProperty)
                    column("Model", Car::modelProperty)
                    bindSelected(selectedCar)
                    onUserSelect(2) {
                        find<CarEditor>().openModal()
                    }
                }
            }
            button("Save") {
                enableWhen(person.dirty)
                action {
                    person.commit()
                }
            }
        }
    }
}

class CarEditor : View() {
    val car: CarModel by inject()
    val person: PersonModel by inject()

    override val root = form {
        fieldset {
            field("Brand") {
                textfield(car.brand).required()
            }
            field("Model") {
                textfield(car.model).required()
            }
            button("Save").action {
                val index = person.cars.indexOf(car.item)

                car.commit {
                    person.cars[index] = car.item
                    close()
                }
            }
        }
    }
}

Функция доступна в TornadoFX 1.7.17-SNAPSHOT.

person Edvin Syse    schedule 18.05.2018