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

あなたがHTMLを注入し、このように、ダイアログボックスを開くにはjQueryを使用することができます。

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> 

だからあなたのコントローラであなたのポストハンドラコードビューを返した場合（Aコントロール）、それを挿入してダイアログをポップすることができます。