Serialize multi-select values as an array

[patrickbajao]

Hi,

I have a multi-select in one of my forms. I started using Backbone.Syphon to serialize that form and I realized that it wasn't returning the values I am expecting. Before this change, it's returning the values of a multi-select as a nested array:

[
  [
    "bar1",
    "bar2"
  ]
]

When submitting this format of serialized data to my backend (using Rails) via AJAX, the URL encoded value will be foo%5B0%5D%5B%5D=bar1&foo%5B0%5D%5B%5D=bar2. That looks weird and that's not what I am expecting.

My expected output is:

[
  "bar1",
  "bar2"
]

Which will be foo%5B%5D=bar1&foo%5B%5D=bar2 when URL encoded.

Regarding the fix found in this pull request, I updated the assignKeyValue method to push each value into the array instead of pushing the array into an array to avoid the nested array output. I also added a spec for that and hopefully that helps in explaining my case further. All tests are still passing with these changes.

If I'm still missing something or if I need to change something else, please let me know. :)

Thanks,
Patrick

[rhubarbselleven]

Thanks for the great work @patrickbajao

Could you discuss the cross over of this one with #34?

[patrickbajao]

You're welcome @rhubarbselleven! :)

I'm not entirely sure what's the connection of my issue with that one. I think it's a different issue because I don't really have nested attributes. Though looks like my changes in this pull request might conflict with any changes that needs to be done on that issue. It seems that the fix for that requires modifying assignKeyValue which is what I also modified here. Is that what you are pertaining to?