ListWithDetails in vue-vanilla

General
1

After reading this issue and this issue, I understand that to render array of objects with nested conditions, there has to be a proper details object in UI schema.

But, I am using vue-vanilla, which does not support ListWithDetails type - the only renderer supported for is ArrayListRenderer, which works great, but cant handle nested conditions. I use the default uischema provided by vue-vanilla without changing it.

Is there an easy way to get ListWithDetails working with vue-vanilla? Or maybe any other way to save in schema array items?

More precisely, with the given schema:

representative: {
                      type: 'array',
                      items: {
                        type: 'object',
                        properties: {
                          data: {
                            type: 'object',
                            properties: {
                              name: {
                                type: 'string',
                              },
                              surname: {
                                type: 'string',
                              },
                              role: {
                                type: 'string',
                                enum: [...],                             
                                runConditions: [...],
                                conditions: [...],
                              },
                              description: {
                                type: 'string',
                                hide: true,
                              },
                            },
                          },

I need to unhide description field when a specific role is selected, but only in the current item (right now it’s working for every item in the array).

2

Hi @daxon, this is just the default behavior in React Material where we support two kinds of array rendering. Via custom renderers you can modify the default to your liking.

The Vue Vanilla array support is very generic (i.e. no specialized table rendering), so it should perfecly handle nested rules etc. Note that conditions and runConditions as they are in your schema do not exist in JSON Schema and are therefore not supported at all in JSON Forms. If these properties do have some specific meaning to you, then you need to implement this via custom renderers anyway.

ListWithDetails is just another renderer. We do not offer it (yet) for Vue Vanilla, so you need to implement it on your own. You can check how the renderer for Vue Vuetify was implemented for inspiration.

Not sure what you mean

That should be easily possible, what did you try?