将消息显示更改为从下到上

本文关键字：从下到上 消息 显示 | 更新日期: 2023-09-27 18:35:43

嗨，我正在使用 asp.net/c#做社交网络服务，我在发送消息方面遇到了小问题。消息从上到动。喜欢这个

但我想像脸书一样从下到上显示消息。

我正在使用中继器控制显示消息。

中继器控制代码 

<asp:Repeater runat="server" ID="Repeater1">
 <ItemTemplate>     
     <div style="border-top: thin none #BBCEB3; border-bottom: thin none #BBCEB3; padding: 10px;  width: 548px; margin-top: 10px; right: 10px; left: 10px; border-left-width: thin; margin-left: 15px; background-color: #e9eaee; border-left-color: #BBCEB3; border-right-color: #BBCEB3;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <br />
                    <div style="width: 58px; height: 40px">
                    <asp:Image ID="Image2" runat="server" Height="59px" ImageAlign="Top" ImageUrl="~/Profile/Image/Default.png" Width="55px" />
                        </div>
                    <div style="width: 307px;  margin-left: 65px; margin-top: -60px">
                        <asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Names="Arial" ForeColor="#000066"><%#Eval("SenderID") %> </asp:Label>
                    </div>
                    <div id="status" style=" width: 461px; margin-left: 78px; margin-top: 11px;">&nbsp;<asp:Label ID="Label7" runat="server" Font-Italic="False" ForeColor="Black" Font-Size="Medium"><%#Eval("Messages") %> </asp:Label>
                    </div>
                    &nbsp;<div style="margin-left: 350px">
                        <asp:Label ID="Label11" runat="server"  Text="Posted on: " Font-Size="Small"><%#Eval("Time") %> </asp:Label>
                    </div>
                </div>
 </ItemTemplate>

文本框代码

<asp:TextBox ID="Message" runat="server" OnTextChanged="TextBox3_TextChanged" style="margin-left: 12px; text-align: left;" TextMode="MultiLine" Width="564px" Height="100px"></asp:TextBox>

将消息显示更改为从下到上

转发器中项的顺序将与数据源中的顺序相同，因此只需在绑定之前按时间降序排序即可。

相关文章：