Envoi d'un tableau à la boîte de dialogue de l'interface utilisateur jQuery

Question

Je crée une application ASP.NET MVC dotée d'une fonctionnalité de recherche de code postal. Je capture le code postal de l'utilisateur l'envoie à un service Web et ai un tableau d'adresses retourné. Je voudrais afficher le tableau d'adresses dans quelque chose comme la boîte de dialogue jQuery UI. L'utilisateur peut alors sélectionner l'adresse correcte qui est retournée et remplit les champs d'adresse. Est-ce possible en utilisant le dialogue?

Answer 1

Vous devrez formater le tableau en tant qu'objet JSON, puis le lire avec $ .getJSON par exemple. Il est facile de remplir une zone de liste déroulante avec le contenu d'un tableau.

Vous pouvez avoir la zone de liste déroulante dans une boîte de dialogue d'interface utilisateur - c'est comme si la zone de liste déroulante était toujours visible. En fait, le dialogue n'est qu'une partie du DOM affiché et caché. Ce n'est pas différent des autres éléments DOM.

Answer 2

Vous pouvez envisager d'utiliser le contrôle de zone de texte à la place comme décrit dans l'article "jQuery Auto-Complete Text Box with ASP.NET MVC" de Ben Scheirman.

Answer 3

Vous pouvez utiliser jQuery pour injecter HTML puis pop la boîte de dialogue, comme ceci:

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> 

Donc, si votre code postal de gestionnaire dans votre contrôleur renvoie une vue (un contrôle), vous pouvez l'injecter puis faire apparaître la boîte de dialogue.