La source de données dans x-editable ne fonctionne pas

Question

J'essaie d'implémenter x-editable dans mon projet Rails et je souhaite utiliser une liste de participants provenant de ma base de données comme source d'une question 'Select'.

J'ai lu la documentation et indique que l'option Source accepte un tableau d'objets, donc je suis en train de formater cette liste. Malheureusement, le champ 'Sélectionner' apparaît vide comme si la source n'était pas vraiment reconnue.

Depuis que j'utilise x-editable-rails gem pour implémenter je pensais que c'était un problème sur la façon dont la gemme rendait les attributs de données HTML. Cependant, lorsque j'ai inspecté l'élément dans la console de mon navigateur, je ne vois pas quel est le problème.

Mon rendu HTML

<span class="editable editable-click editable-empty" title="Participant" data-type="select" data-model="answer" data-name="participant_id" data-value="" data-placeholder="Participant" data-source="[{"id":1,"username":"Shari","created_at":"2017-08-15T11:23:26.692Z","updated_at":"2017-08-15T11:23:26.692Z"},{"id":2,"username":"Mireya ","created_at":"2017-08-15T11:23:41.760Z","updated_at":"2017-08-15T11:23:41.760Z"},{"id":3,"username":"Edgar ","created_at":"2017-08-15T11:23:53.356Z","updated_at":"2017-08-15T11:23:53.356Z"}]" data-url="/answers/2">Empty</span> 

x-éditable Conseils Documentation

[{value: 1, text: "text1"}, {value: 2, text: "text2"}, ...] 

Pourriez-vous donner des conseils sur une solution potentielle?

Answer 1

J'ai trouvé l'erreur. J'ai mal lu la documentation. Les clés des hachages dans le tableau doivent prendre les valeurs "valeur" et "texte" littéralement. Donc HTML doit rendre:

[{:value=>1, :text=>"Shari"}, {:value=>2, :text=>"Mireya "}, {:value=>3, :text=>"Edgar "}, {:value=>"", :text=>"None"}]