Complex FormPanel data?

Let’s say I have a data class that looks like:

@Serializable
data class MyData(val myInt: Int, val myNestedData: NestedData)
@Serializable
data class MyNestedData(val myString: String)

Is it possible to have FormPanel represent the MyData class directly? Or do I need to unwind this data class such that it looks like:

@Serializable
data class MyFormPanelData(val myInt: Int, val myNestedData_myString: String)

[rjaros]

Form<K> class uses Map<String, FormControl> internally to keep the data and it needs to create K class somehow (in the getData() method). We cannot just create an instance of generic K class in Kotlin nor in JS. Early implementations of KVision’s Form class required model class properties to be delegated to Map and required additional factory function in the constructor (see how it looked: https://github.com/rjaros/kvision-examples/blob/4c8553f91f9bb2f7b5df0255c56e1aec14963bc9/showcase/src/main/kotlin/com/example/FormTab.kt). Then I found out kotlinx.serialization had a Mapper class, which allowed to create K instance automagically, as long as it’s serializable. So I’ve integrated this solution, and the serialization requirement is a lot better than the previous one. I’m not sure it can be dropped without sacrificing the functionality, but I’m open to any suggestions.

[rjaros]

If the nested class has only one property (like in your example) it probably could be done with some effort. But if there are more properties I see no way to reference them and add form controls for them (FormPanel.add takes a field reference as a parameter).

The only thing I can imagine is to implement nested forms - such nested classes could be automatically mapped to nested forms. But it would be hard and would take a lot of work. It’s not impossible but I’m afraid it won’t be done anytime soon.