ASP.NET C# 使用 內建 UpdatePanel

有些時候我們在網頁上常會看到頁面的刷新(PostBack效果),但網頁整個會閃爍,

整體看起來覺得就不太舒服,總希望一次把要選定好的條件都設好後,

再出現閃跳畫面的動作,不然就是希望不要出現太多次的PostBack閃爍畫面。

若要達成不要每次因為伺服器控制項的PostBack而產生的回傳閃爍畫面的話,就要使用Ajax的技術方法,

在 Visual Studio 中,有個內建的 控制項 叫做 UpdatePanel ,並搭配 ScriptManager、ChildrenAsTriggers的方法來完成。

ScriptManager---ScriptManager 控制項是 ASP.NET 中的 Ajax 功能核心部分。

ChildrenAsTriggers---取得或設定值,這個值表示來自 UpdatePanel  控制項之下層子控制項的回傳是否會更新面板內容。

一個簡單的範例:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                Title :
                <asp:TextBox ID="TextBox2" runat="server" Width="85%"></asp:TextBox>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="TextBox1" EventName="TextChanged" />
            </Triggers>
        </asp:UpdatePanel>

資料來源出處:

(1) https://msdn.microsoft.com/zh-tw/library/bb399001(v=vs.100).aspx

(2) ASP.NET 範例應用與進階功能 專題實務二