0

更新タイマーが開始する前に2つのラベルにダミーのテキストを書き込むと、1つは右側に表示され、もう1つは左側に表示されます。ただし、updateTimerが画像に入ると、両方のテキストが左側に貼り付いて表示されます。

これがコードです

 <table width="100%" border="0" cellspacing="7" cellpadding="0">
                                            <tr>
                                                <asp:ScriptManager ID="ScriptManager1" runat="server" />
                                                <asp:Timer runat="server" ID="UpdateTimer" Interval="5000" OnTick="UpdateTimer_Tick" />
                                                <asp:UpdatePanel runat="server" ID="TimedPanel" UpdateMode="Conditional" RenderMode="Inline">
                                                    <Triggers>
                                                        <asp:AsyncPostBackTrigger ControlID="UpdateTimer" EventName="Tick" />
                                                    </Triggers>
                                                    <ContentTemplate>
                                                        <td align="left">
                                                            <asp:Label ID="userNameLabel" runat="server"></asp:Label>
                                                        </td>

                                                        <td align="right">
                                                            <asp:LinkButton ID="userWebsiteLabel" runat="server"></asp:LinkButton>
                                                        </td>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                            </tr>
                                        </table>
4

1 に答える 1

1

TimedPanelはspan、次のようにレンダリングされます。

<span id="TimedPanel">
   <span id="userNameLabel">label</span>
   <a id="userWebsiteLabel" href="javascript:__doPostBack('userWebsiteLabel','')">linkbutton</a>
</span>

次のように変更ContentTemplateします。

<ContentTemplate>
   <asp:Label ID="userNameLabel" runat="server" Text="label" />
   <asp:LinkButton ID="userWebsiteLabel" runat="server" Text="linkbutton" />
</ContentTemplate>

そして、CSSを追加LinkButtonして、を右に揃えます。

<style type="text/css">
#TimedPanel a {float: right;}
</style>
于 2011-06-17T23:33:05.917 に答える