Question

我在使用类别和自定义显示实现jQuery的自动完成功能时遇到了一些问题。

当我选择其中一个条目时，我收到一条错误，说'ui.item'未定义。我的代码在

之下

$jq.widget("custom.categoryautocomplete", $jq.ui.autocomplete, {
    _renderMenu: function(ul, items){
        var self = this;
        var currentCategory = "";
        $jq.each(items, function(index, item){
            if(item.category != currentCategory){
                ul.append(" <li class='ui-autocomplete-category'>" + item.category + "</li>");
                currentCategory = item.category;
            }
            self._renderItem(ul, item);
        });
    }
});

$jq(function(){
    $jq("#tlf\\:tlfs").categoryautocomplete({
        source: getAutoCompleteSource(),
        focus: function(event, ui){
            $jq("#tlf\\:tlfs").val(ui.item.label);
            return false;
        },
        select: function(event, ui){
            $jq("#tlf\\:tlfs").val("");

            // JavaScript code to select the row.
            selectRow(ui.item.rownum);

        return false;
        }
    }).data("categoryautocomplete")._renderItem = function (ul, item) {
         return $jq("<li></li>")
            .data("item.categoryautocomplete", item)
            .append("<a>" + item.type +" - " + item.uid + "<br>" + item.desc + "</a>")
            .appendTo(ul);
    };
});

当我开始输入时，我能够看到列表下拉，所以我认为我的JSON格式正确。可能导致“ui.item未定义”错误的任何想法？

编辑：进一步测试后，当我删除custom _renderItem方法时，它似乎正常工作。我不知道为什么会导致这个问题。

Answer 1

我发现了自己的问题。我不明白是什么

.data("item.categoryautocomplete", item)

确实完成了。阅读完之后，我将其改为

.data("item.autocomplete", item)

一切似乎都好。

jQuery自动完成包含类别和选择

1 个答案: