Senden eines Arrays an jQuery UI Dialog

Question

Ich erstelle eine ASP.NET MVC-Anwendung, die über Postleitzahlen-Lookup-Funktionalität verfügt. Ich erfasse die Postleitzahl vom Benutzer, sende sie an einen Web-Service und lasse ein Array von Adressen zurückgeben. Ich möchte das Array von Adressen in etwas wie dem jQuery UI Dialog anzeigen. Der Benutzer kann dann die korrekte Adresse auswählen, die zurückgegeben wird, und die Adressfelder ausfüllen. Ist das mit dem Dialog möglich?

Answer 1

Sie müssen das Array als JSON-Objekt formatieren und dann mit $ .getJSON zum Beispiel lesen. Es ist einfach, ein Kombinationsfeld mit dem Inhalt eines Arrays zu füllen.

Sie können das Kombinationsfeld in einem UI-Dialogfeld haben - es ist dasselbe, als wenn das Kombinationsfeld immer sichtbar wäre. Tatsächlich ist der Dialog nur ein Teil des DOM, der angezeigt und versteckt wird. Es unterscheidet sich nicht von anderen DOM-Elementen.

Answer 2

Sie könnten stattdessen die Textboxsteuerung verwenden, wie in Artikel "jQuery Auto-Complete Text Box with ASP.NET MVC" von Ben Scheirman beschrieben.

Answer 3

Sie können jQuery verwenden, um HTML zu injizieren und dann den Dialog Pop, wie folgt aus:

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> 

Also, wenn Ihr Post-Handler-Code in der Steuerung über eine Ansicht zurückzugibt (a Kontrolle), können Sie es injizieren und dann den Dialog öffnen.