Open chrisdr84 opened 6 years ago
This should solve the problem,
input.onchange = function () {
cleanData(id);
render(null, display, id + "." + (input.selectedIndex - 1), parentObject, propertyProvider, value);
};
// Get all elements with the 'collapsible' class var collapsibleButtons = document.getElementsByClassName('collapsible');
// Loop through each collapsible element for (var i = 0; i < collapsibleButtons.length; i++) { // Add a click event listener to toggle the 'active' class on click collapsibleButtons[i].addEventListener('click', function() { this.classList.toggle('active');
// Get the sibling element with the 'content' class
var content = this.nextElementSibling;
// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
}); }
// Get all elements with the 'collapsible' class var collapsibleButtons = document.getElementsByClassName('collapsible');
// Loop through each collapsible element for (var i = 0; i < collapsibleButtons.length; i++) { // Add a click event listener to toggle the 'active' class on click collapsibleButtons[i].addEventListener('click', function() { this.classList.toggle('active');
// Get the sibling element with the 'content' class
var content = this.nextElementSibling;
// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
}); }
// Get all elements with the 'collapsible' class var collapsibleButtons = document.getElementsByClassName('collapsible');
// Loop through each collapsible element for (var i = 0; i < collapsibleButtons.length; i++) { // Add a click event listener to toggle the 'active' class on click collapsibleButtons[i].addEventListener('click', function() { this.classList.toggle('active');
// Get the sibling element with the 'content' class
var content = this.nextElementSibling;
// Toggle the 'show' class on the content element
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
}); }
When you select one of the list from the oneOf and move to un-select, the value is still saved in the container.
For example, select [An object] from the oneOf example and than select []. When you getData(), the values are still stored in the container.
This kind of situation will mismatch the two function validate() and getData() For example select [A multiple of 3] and fill with number 10. The getData() will get the value 10 and the validate() will show error.
However, when you select [] and repeat the two function, getData() will get the value 10 and validata() will show success.
http://brutusin.org/json-forms/#7