Отправка массива в JQuery UI Dialog

Question

Я создаю приложение ASP.NET MVC, которое имеет функцию поиска по почтовому индексу. Я получаю почтовый индекс от пользователя, отправляю его в веб-службу и возвращаю массив адресов. Я хотел бы отобразить массив адресов в чем-то вроде диалогового окна jQuery UI. Затем пользователь может выбрать правильный адрес, который возвращается и заполняет поля адреса. Возможно ли это с помощью диалогового окна?

Answer 1

Вы можете использовать jQuery, чтобы внедрить HTML, а затем открыть диалоговое окно, например:

function displayAddressList() {
    var url = '<%= Url.Action("List", "Address") %>';
    $.get(url, function(data) {
        $("#PopUp").html(data);
        $("#PopUp").dialog('open');
    });
}

HTML:

<div id="PopUp" title="Address List"></div>

Таким образом, если ваш код обработчика записей в вашем контроллере возвращает View (элемент управления), вы можете добавить его и затем открыть диалоговое окно.

Answer 2

Можно вместо этого использовать элемент управления textbox, как описано в статье "Текстовое поле автозаполнения jQuery с ASP.NET MVC" , автор Бен Шейрман.

Answer 3

Вам нужно будет отформатировать массив как объект JSON, а затем прочитать его, например, с помощью $ .getJSON. Заполнить поле со списком содержимым массива легко.

Вы можете иметь поле со списком в диалоге пользовательского интерфейса - оно такое же, как если бы поле со списком было всегда видно На самом деле диалог - это только часть DOM, которая отображается и скрывается. Он ничем не отличается от других элементов DOM.