AJAX更新パネルについての質問

Question

ここに問題があります。フォーム上に5つのボタンがあり、横に表示されています。 5つのボタンのうち3つを更新パネルに入れなければなりませんでした。これらのボタンはAsyncPostBackを実行しなければなりませんでした。他の2つのボタンはポストバックを行うために外側にある必要があります。すべては、すべてのボタンが同じ行に表示されないように私が受け入れたいと思うように機能します。これらの5つのボタンが同じライン上に表示されるようにすることはできますか？

Answer 1

のUpdatePanelは、あなたがそれを次のコードでinlineお知らせStyle="display:inline"が表示されることとなるよう、このdivのスタイルをする必要が<div>をレンダリングします。レイアウトに応じてこれを達成する他の方法がありますが、これは最も簡単です。

<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>