Блог

Главная - Вопросы по программированию - пользовательское отображение автозаполнения пользовательского интерфейса jquery, если результаты не возвращены

пользовательское отображение автозаполнения пользовательского интерфейса jquery, если результаты не возвращены

#jquery #ajax #jquery-ui #popup #jquery-ui-autocomplete

#jquery #ajax #jquery-ui #всплывающее окно #jquery-ui-автозаполнение

Вопрос:

как я могу отобразить пользовательское всплывающее окно, если результаты не возвращаются?

Мне удалось отобразить ответ «без результатов», если термин не вернул результатов

     response:function(event, ui){


        if(!ui.content.length){

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

        }
    }

но как я могу отобразить пользовательское всплывающее окно. Я пытаюсь отобразить окно с необходимыми полями для добавления элемента, если он не существует.

Комментарии:

1. Таким образом, вместо изменения ui.content вы можете просто показать свое собственное всплывающее окно в обычном режиме, если вы хотите показать всплывающее окно прямо в позиции выпадающего списка автозаполнения (замените выпадающий список), тогда это может быть сложнее.

2. да, это то, что я пытаюсь сделать, чтобы изменить всплывающее окно пользовательского интерфейса

Ответ №1:

так что на самом деле это было очень просто…

 $('#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)
};
Метки: