Welcome to vue_json_form Discussions!

[neferin12]

👋 Welcome!

Feel free to ask questions & share ideas.

[TBSI-Seth]

I am having issues getting the :filledData property to work. I'm setting it but it's not populating any data. I'm setting the data value at the same time as the uiSchema and ui objects. I'm not sure why I'm getting a property rendered form without any data populated.

schema: { "type": "object", "properties": { "from": { "type": "string" }, "to": { "type": "string" }, "info": { "type": "string" }, "what": { "type": "string" }, "who": { "type": "string" }, "where": { "type": "string" }, "when": { "type": "string" }, "details": { "type": "string" }} }

uischema: { "type": "VerticalLayout", "elements": [{ "type": "Control", "scope": "#/properties/from" }, { "type": "Control", "scope": "#/properties/to" }, { "type": "Control", "scope": "#/properties/info" }, { "type": "Control", "scope": "#/properties/what" }, { "type": "Control", "scope": "#/properties/who" }, { "type": "Control", "scope": "#/properties/where" }, { "type": "Control", "scope": "#/properties/when" }, { "type": "Control", "scope": "#/properties/details" }] }

data: { "#/properties/from": "test", "#/properties/to": "test", "#/properties/info": "test", "#/properties/what": "test" }

<json-form v-if="schema && uischema && data" :json="schema" :ui="uischema" :filledData="data" :on-submit="submitForm"/>

NOTE that I get the same behavior with or without the v-if statement. I'm using that because of async calls through Axios to retrieve the schemas and the data from my web service.
<json-form :json="schema" :ui="uischema" :filledData="data" :on-submit="submitForm"/>

Some input on this would be very helpful!

[neferin12]

That's interesting
I have a couple of questions:

1. Does it work if you hardcode the data instead of fetching it dynamically? Due to the v-if statement it shouldn't make a difference, but just to be sure
2. Are there any errors in the console?

I'm currently a bit busy, but I'll look further into this sometime in the next couple of days

[TBSI-Seth]

Thanks for the reply. I understand being busy, no problem! I just tried hardcoding the data value listed above. I'm still not getting any data populated in the form.

I am getting an error (below). Though, I was getting this error before I started setting the :filledData property. I'm not seeing any other errors in the console.

Error: Template must have a single root node. at nr.render (templates-discovering.js:99:23) at In.e._render (vue.runtime.esm.js:2654:28) at nr.i (vue.runtime.esm.js:3844:27) at e.get (vue.runtime.esm.js:3415:33) at new e (vue.runtime.esm.js:3405:51) at Bi (vue.runtime.esm.js:3861:5) at nr.$mount (vue.runtime.esm.js:8727:12) at Jo.e._init (vue.runtime.esm.js:5656:16) at new nr (vue.runtime.esm.js:5717:10) at Object.p [as mountTemplate] (templates-discovering.js:82:12)

As a side note. Here are the dependencies I'm running with it from my json.package file.

"dependencies": {
"@educorvi/vue-json-form": "^1.5.1",
"axios": "^0.27.2",
"bootstrap": "^5.2.1",
"bootstrap-vue": "^2.22.0",
"core-js": "^3.8.3",
"devextreme": "^21.2.6",
"devextreme-vue": "^21.2.6",
"vue": "^2.6.14",
"vuedraggable": "^2.24.3",
"vuex": "^3.6.2",
"webpack": "^4.46.0"
}

[TBSI-Seth]

Have you had a chance to check this out at all? Just bumping this thread a little and I appreciate your time.

[neferin12]

Sorry for letting you wait so long, this was indeed a bug. I just released a new version (1.5.2) that should fix the issue. Thanks for your patience :)

[TBSI-Seth]

Awesome! Thank you for working on this. The new version is working!