2

我有一个运行正常的 jQuery 自动完成，除了它不正确地显示函数中返回的文本值。我的后端是 ColdFusion。

后端功能（在 CFC 中）：

<cffunction name="companyNameList" access="remote" output="false" hint="I return a list of companies with IDs" returnformat="JSON">
    <cfargument name="searchterm" required="false" default="" />

    <cfset var returnArray = arrayNew(1) />

    <cfquery name="companyNameList" datasource="#request.dsn#">
        SELECT companyID, companyName
        FROM tbl_companies
        WHERE companyName LIKE <cfqueryparam cfsqltype="cf_sql_varchar" value="%#arguments.searchterm#%" />
    </cfquery>

    <cfloop query="companyNameList">
        <cfset companyStruct = structNew() />
        <cfset companyStruct['value'] = companyID />
        <cfset companyStruct['label'] = companyName />

        <cfset arrayAppend(returnArray,companyStruct) />
    </cfloop>

    <cfreturn returnArray />
</cffunction>

我的 jQuery javascript（它包含在 cfoutput 标签中，需要第二个哈希标记作为转义值）：

        $(function() {             
        $("##defaultcompanyname").autocomplete({
            source: function(request, response){
                $.ajax({
                    url: "secure/cfc/ajax.cfc?method=companyNameList",
                    dataType: "json",
                    data: {
                        searchterm: request.term
                    },
                    success: function(data){
                        response(data);
                    }
                })
            },
            minLength: 3,
            select: function(event, ui) {
                $('##defaultcompanyid').val(ui.item.value);
                $('##defaultcompanyname').val(ui.item.label);
            }
        });
    });

以及相关的表单块：

        <p class="ui-widget">
            <label for="defaultcompanyname">Default Company Association</label>
            <cfinput type="text" size="30em;" name="defaultcompanyname" id="defaultcompanyname" value="" />
            <cfinput type="hidden" name="defaultcompanyid" id="defaultcompanyid" value="0" />
        </p>

当我使用 'test' 中的类型作为我的测试值时，这是返回的 JSON：

[{"value":2,"label":"Test Company"},{"value":3,"label":"2nd Test Company"}]

该列表正在填充，但它填充了空字符串。如果我选择一个，隐藏的 defaultcompanyid 值会填充一个数字，但 defaultcompanyname 值会清空我的文本。我错过了什么？

编辑：根据部分解决原始问题的响应，使用新信息更新问题。

4

1 回答 1

1

最简单的解决方案可能是调整您的 JSON。jQueryUI 期望数据格式为

[
    {
        "id": 2,
        "label": "Test Company"
    },
    {
        "id": 3,
        "label": "2nd Test Company"
    }
]

然后改变你的select()方法：

select: function (event, ui) {
        $('#defaultcompanyid').val(ui.item.id);
        $('#defaultcompanyname').val(ui.item.label);
    }

如果您无法更改 JSON，请尝试操作该_renderItem()方法，查看文档中的示例源代码。

编辑：看看这个小提琴

于 2013-02-06T21:56:59.703 回答