dependabot[bot] on npm_and_yarn
chore(deps): bump y18n from 4.0… (compare)
class FormBuilder1 extends Component {
fb = createRef();
componentDidMount() {
$(this.fb).formBuilder({
onSave: (event, form_schema) => console.log(event.target.outerHTML)
});
}
render() {
return (
<div>
<Header />
<Card className='bg-light'>
<CardBody>
<div id="fb-editor" ref={el => {
console.log(el)
return (this.fb = el)
}
} />
</CardBody>
</Card>
</div >
);
}
}
formBuilder.actions.setData(formData);
fbEditor = document.getElementById("build-wrap");
formBuilder = $(fbEditor).formBuilder();
var formData = '[{"type":"text","label":"Full Name","subtype":"text","className":"form-control","name":"text-1476748004559"},{"type":"select","label":"Occupation","className":"form-control","name":"select-1476748006618","values":[{"label":"Street Sweeper","value":"option-1","selected":true},{"label":"Moth Man","value":"option-2"},{"label":"Chemist","value":"option-3"}]},{"type":"textarea","label":"Short Bio","rows":"5","className":"form-control","name":"textarea-1476748007461"}]';
Hello, I wanted to use 2 form builder in one page and when i initialize 2 formbuilders then On save funtions doesnot work but if i used one formbuilder function it works ? i dont know where is problem please help me out this. i can share code. var fbTemplate = document.getElementById('fb-template');
var options = {
disabledActionButtons: ['data'],
stickyControls: {
enable: true
},
defaultFields: [
{
"type": "text",
"required": true,
"label": "MultiControl Geräte-Seriennummer",
"className": "form-control",
"name": "Gerte-Seriennummer",
"access": false,
"subtype": "text"
}
],
onSave: function (evt, formData) {
console.log("formbuilder saved");
toggleEdit(false);
$(".render-wrap").formRender({ formData });
}
};
var formBuilder = $('.build-wrap').formBuilder(options);
// Second form var tooloptions = {
//disabledActionButtons: ['save'],
stickyControls: {
enable: true
},
defaultFields: [{ "type": "text", "required": true, "label": "MultiControl Geräte-Seriennummer", "className": "form-control", "name": "Tool-Gerte-Seriennummer", "access": false, "subtype": "text" }],
//saveData();
onSave: function (evt, toolsformData) {
toggletoolEdit(false);
$(".tool-render-wrap").formRender({ toolsformData });
}
};
var toolformBuilder = $('.tool-build-wrap').formBuilder(tooloptions);
@ramyaroymagicmind
Hi
i think , i can help i m not from the team of contributors, but i think i have resolved the issue. U can messge me to connect on ashok.code@gmail.com