Почему все содержимое выравнивается по левому краю в шаблоне содержимого на панели обновлений?
Если я напишу фиктивный текст в 2 метках до того, как запустится таймер обновления, одна из них появится справа, а другая - слева, как и ожидалось. Однако, когда 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>
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>