JQuery.UI Dialog with ASP.NET empty post values

在設計UI時，例如我們要在TextBox填日期，我們常常會用dialog彈出一個小日曆。

老一派的做法，就是會讓你遇到跨browser傳值的問題。

有一個idea，不錯用。

就是把dialog的UI 設計成一個div block 直接和原本TextBox的畫面 放在同一個aspx上面

這樣一來，小日曆和Textbox就是同網頁傳值

只是page load的時候把小時鐘隱藏起來。

要show出來的時候，再用jquery的dialog功能

讓小日曆的block看起來像dialog一樣。

but…………………………..

當我們在onload後，把小日曆的block宣告成dialog後

jquery會把這個block拉出<from> tag的外面

結果會讓postback時抓不到值

所以…………………….

在

            $("#dialog").dialog({
                bgiframe: true,
                autoOpen: false,
                height: 300,
                modal: true
            });

後，還要加入以下的code

 
$("#dialog").parent().appendTo("/html/body/form[0]");

資料來：http://www.codeproject.com/Articles/37090/JQuery-UI-Dialog-with-ASP-NET-empty-post-values.aspx