javascript - 将 Coldfusion 查询结果转换为 X 可编辑数据源

Question

我正在使用插件 x-editable，我正在尝试弄清楚如何将州名称列表加载到选择列表中以进行内联编辑。

基本上，我查询了数据库:

<cfquery datasource="#application.dsn.recAppTest#" name="states">
    SELECT * FROM dbo.states ORDER BY StateName ASC
</cfquery>

然后我设置了 HTML:

<label class="control-label" for="state">State:
    <a href="##" id="state" data-source="#states#">#session.state#</a>
</label>

这里是 jQuery:

$('#state').editable({
    name: 'state',
    type: 'select',
    placement: 'right',
    url: 'update-session.cfm',
    send: 'always'
});

请注意，这不起作用，它会产生此错误:

The expression has requested a variable or an intermediate expression result as a simple     
value, however, the result cannot be converted to a simple value. Simple values are   
strings, numbers, boolean values, and date/time values. Queries, arrays, and COM objects 
are examples of complex values. <p> The most likely cause of the error is that you are 
trying to use a complex value as a simple one. For example, you might be trying to use a 
query variable in a cfif tag.

此插件的数据源属性只接受数组或对象(首选数组，因为对象可能会丢失顺序)。

那么如何将我的 coldfusion 查询转换为“javascript 数组”以用作数据源？

我唯一的想法是“构造”一个​​匹配数组语法的字符串，但我试图避免这样的事情

Answer 1

您需要将 JSON 传递到您的 data-source 属性中

<label class="control-label" for="state">State:
  <a href="##" id="state" data-source="#serializeJSON(states)#">#session.state#</a>
</label>

您可能需要对查询进行更多操作才能使其按您希望的方式工作，但至少 data-source 属性需要 JSON