發送一個數組到jQuery UI對話框

Question

我正在創建一個具有郵編查找功能的ASP.NET MVC應用程序。我從用戶捕獲郵政編碼發送到Web服務，並返回一組地址。我想在jQuery UI對話框中顯示地址數組。用戶然後可以選擇返回的正確地址並填充地址字段。這可能使用對話框嗎？

Answer 1

您將需要將數組格式化爲JSON對象，然後使用$ .getJSON進行讀取。使用數組內容填充組合框很容易。

您可以在UI對話框中放置組合框 - 與組合框始終可見一樣。實際上，對話框只是DOM中的一部分，並且被隱藏。它與其他DOM元素沒有任何不同。

Answer 2

您可以考慮使用文本框控件，而不是Ben Scheirman的文章"jQuery Auto-Complete Text Box with ASP.NET MVC"中所述。

Answer 3

您可以使用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> 

因此，如果您的控制器的後處理程序的代碼返回的圖（控制），你可以注入它，然後彈出對話框。