如果没有返回结果,则jquery ui自动完成自定义显示

时间:2014-06-23 10:14:20

标签: jquery ajax jquery-ui popup jquery-ui-autocomplete

如果没有返回结果,如何显示自定义弹出窗口?

我设法显示了一个"没有结果"如果该术语没有返回结果,则回复

    response:function(event, ui){


        if(!ui.content.length){

            var noResult = {value:'',label:'No results'};
            ui.content.push(noResult);

        }
    }

但是如何显示自定义弹出窗口。我试图显示一个带有必要字段的窗口,如果它不存在则添加该项目。

1 个答案:

答案 0 :(得分:0)

所以实际上这很容易......

$('#search').autocomplete({
    .....
}).data("ui-autocomplete")._renderItem = function (ul, item) {
    //customizeaza selection list-ul 
    return $("<li>")
        .data("item.autocomplete", item)
        .append("<input type='text' maxlength='3' size='3' /><a>" + item.label + "<br>" + item.den_prod + "</a>")
        .appendTo(ul)
};