關於AJAX更新面板的問題

Question

以下是我遇到的問題。我的表單上有5個按鈕（水平）。 5個按鈕中的3個必須放在更新面板中b/c這些按鈕必須做AsyncPostBack，其他2個按鈕需要在外面做回發。一切正常，我希望接受所有按鈕不會出現在同一行上。有什麼我可以做，讓這5個按鈕出現在同一行，給定這些按鈕的不同功能？

Answer 1

在UpdatePanel呈現一個<div>您需要的款式這div，使得它顯示inline注意的Style="display:inline"在下面的代碼。根據您的佈局，還有其他方法可以完成此操作，但這是最直接的。

<asp:UpdatePanel ID="UpdatePanel1" runat="server" Style="display:inline"> 
    <ContentTemplate> 
     <asp:Label ID="labelText" runat="server" Text="Label" /> 
     <asp:Button ID="Button1" runat="server" Text="Button1" /> 
     <asp:Button ID="Button2" runat="server" Text="Button2" /> 
     <asp:Button ID="Button3" runat="server" Text="Button3" /> 
    </ContentTemplate> 
</asp:UpdatePanel> 
<asp:Button ID="Button4" runat="server" Text="Button4" /> 
<asp:Button ID="Button5" runat="server" Text="Button5" /> 

Answer 2

你不必有你的按鈕內在UpdatePanel，使這項工作。你只需要將它們定義爲AsyncPostBackTriggers。那麼你不必擔心打破布局。

<div class="toolbar"> 
    <asp:Button ID="Button1" runat="server" Text="Button1" /> 
    <asp:Button ID="Button2" runat="server" Text="Button2" /> 
    <asp:Button ID="Button3" runat="server" Text="Button3" /> 
</div> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <asp:Label ID="labelText" runat="server" Text="Label" /> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> 
     <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" /> 
     <asp:AsyncPostBackTrigger ControlID="Button3" EventName="Click" /> 
    </Triggers> 
</asp:UpdatePanel>