x-editable中的数据源不起作用

时间:2017-08-15 12:11:58

标签: javascript ruby-on-rails html5 x-editable

我正在尝试将x-editable实施到我的Rails项目中,并且我希望使用来自我的数据库的参与者列表作为选择'的来源。问题

我已阅读文档,并声明Source选项接受一个对象数组,因此我会相应地格式化此列表。不幸的是,' Select'字段显示为空白,就好像未真正识别出来源一样。

由于我使用x-editable-rails gem来实现我认为这是宝石如何呈现HTML数据属性的问题。但是,当我在浏览器控制台中检查元素时,我不知道问题是什么。

我呈现的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-editable Documentation advice

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

您能就可能的解决方案提出建议吗?

1 个答案:

答案 0 :(得分:0)

我发现了这个错误。我误读了文档。数组中散列的键必须从字面上取值“value”和“text”。因此HTML必须呈现:

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