關於 點部落 團隊
我們是一群普通的程式設計人員，在各自不同的領域發展， 由於對 IT 知識社群發展有一股的熱誠，所以我們一起創造了這個平台， 我們希望透過 點部落平台 能夠創造出更好的 IT 知識技術分享環境。 歡迎您參與點部落，也請給我們意見與指教，讓我們能夠持續的改善， 營造出更好的環境及平台。tw.dotblogs@gmail.com

常用連結

最新回應

<< [網站公告]點部落 三月份營運報告 | Home | [網站功能]點部落提供離線編輯軟體Live Writer使用標籤(Tag)功能 >>

Dotjum今天要介紹的是，在UpdatePanel 在設計畫面模式 design view，
你已經做好的GridView DataList textBox
等阿，放到 UpdatePanel ContentTemplate 結果就亂掉了，
如下圖

image
那該怎麼處理呢?Dotjum也想了半天，後來就想到一個比較「硬」的方法處理，
當然好不好就看你怎麼想了，話不多說，請看以下說明。
Step1.在  UpdatePanel  中 ContentTemplate  加入一個 div 並設定為 runat="Server"
<div runat="server" id="div1" style="width: 750px;">
 

 

   <ContentTemplate>
                         <div runat="server" id="div1" style="width: 750px;">
                        <table width="100%">
                            <tr>
                                <td>
                                    寄件者：<asp:TextBox ID="txtFrom" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtFrom"
                                        ErrorMessage="*"></asp:RequiredFieldValidator></td>
                            </tr>
                            <tr>
                                <td>
                                    主　旨：<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"></asp:RequiredFieldValidator></td>
                            </tr>
                            <tr>
                                <td>
                                    <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="~/fckeditor/" Height="500px" Width="100%">
                                    </FCKeditorV2:FCKeditor>
                                </td>
                            </tr>
                        </table>
                        </div>
                    </ContentTemplate>


Step2.在 .cs Load 的程式 將div.Style["width"] = "100%";
 

protected void Page_Load(object sender, EventArgs e)
    {
        this.div1.Style["width"] = "100%";
    }

 

就這個兩步驟你就會發現你已經可以在設計畫面看到你UpdatePanel裡面的排版（Step1 完成就可以）
但為什麼要多做 Step2 因為在 HTML <div runat="server" id="div1" style="width: 750px;"> 是讓VS2005介面
顯示出來在設計畫面時，但要考量到畫面輸出時可能不一定可以設定到 width = 數字px
所以還是輸出為 div1.Style["width"] = "100%"; 來配合畫面的輸出。
當然這樣就暫時性的解決，在UpdatePanel無法看到排版的問題，雖然蠻奇怪的解法，但可以至少能完整的看到。
如果你有更好的解法，在麻煩你留言給Dotjum，讓Dotjum也可以學習一下。
有趣嗎?下次介紹更有趣的給你知道。


2008/3/6 00:00| 閱讀數 : 571 | 我要推薦 | Add Comment | 文章分類: ASP.NET 訂閱

DotBlogs Tags: AJAX ASP.NET

回應

目前沒有回應.

*標 題:

*姓 名:

 電子郵件: (將不會被顯示)

 個人網頁:

*回應

登入後使用進階評論

Please add 4 and 7 and type the answer here: