The combination of select2 and jsonform is not functioning properly

Question

The combination of select2 and jsonform is not functioning properly

I am having trouble rendering multiple select2 with JSON form.

$('#resource-form').jsonForm({
  schema: {
    rest: {
      type: 'object',
        properties: {
          template_id: {
            type: "array",
            items: {
              type: "string",
            }
          }
        }
      }
    }
  },
  form: [
    {
      type: "select",
      key: "rest.template_id[]"
    }
  ]
});

$("select[name='rest.template_id[]']").select2({
  data: data,
  multiple: true
});

The Select2 functionality works very well, but when I submit the form, the backend receives an empty 'template_id' parameter.

{"rest"=>{"template_id"=>[]}}

I believe my schema and form setup may be incorrect. Can someone please assist me?

javascript ruby-on-rails json jquery-select2

Answer 1

Answer №1

If you're looking for a quick fix, here's a handy trick for you. This code snippet will convert all select fields into select2 elements.

$("select").select2({
  data: data,
  multiple: true
})

For a more specific implementation, identify the Select field ID provided by jsonform and use it in the following way:

$("@root_something").select2({
  data: data,
  multiple: true
})

Answer 2

If you're looking for a quick fix, here's a handy trick for you. This code snippet will convert all select fields into select2 elements.

$("select").select2({
  data: data,
  multiple: true
})

For a more specific implementation, identify the Select field ID provided by jsonform and use it in the following way:

$("@root_something").select2({
  data: data,
  multiple: true
})

The combination of select2 and jsonform is not functioning properly

Answer №1

Similar questions

How can I ensure that "echo" is only displayed once in a foreach loop while also including

How does the Rx subscribe function maintain its context without the need to explicitly pass it along

How to switch the code from using $.ajax() to employing $.getJSON in your script

Locate the next element with the same class using jQuery across the entire document

Retrieve the offspring of offspring and so forth

A guide on accessing a dynamic object key in array.map()

There is no error handling for the errors originating from this location

Using TypeScript to convert a JSON date string into a Date object

Try using the slice method to cut a portion of a JSON object

How do I set the initial state to a specific node in xstate?

What are the steps to create a JSON file structured in a tree format?

Tips for converting response text into HTML code

How to display text on a new line using HTML and CSS?

The mobile web app on iOS is stuck in a never-ending loop of showing the

Encountering problem when trying to upload several images at once using a single input in CodeIgniter with

Error code 12004 encountered during the execution of a service request

Handling onclick events in Scrapy Splash: A comprehensive guide

A guide to displaying the properties of a JSON document

Guide on making an SVG tooltip using the Menucool JS extension

What is the correct method for asynchronously loading CSS files in web development?