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

Question

我正在尝试将 x-editable 实施到我的 Rails 项目中，我想使用来自我的数据库的参与者列表作为 'Select' 问题的来源。

我已经阅读了文档，它指出 Source 选项接受一个对象数组，因此我正在相应地格式化此列表。不幸的是，'Select' 字段显示为空白，就好像没有真正识别来源一样。

因为我使用 x-editable-rails gem 来实现，所以我认为 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 文档建议

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

你能建议一个潜在的解决方案吗？

Answer 1

我发现了错误。我误读了文档。数组中散列的键必须按字面意思取值 "value" 和 "text"。所以 HTML 必须呈现：

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

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

data source in x-editable doesn't work

html

javascript

ruby-on-rails

x-editable