更改消息显示从下到上

时间:2014-12-30 14:08:51

标签: c# asp.net

您好我正在使用asp.net/c#进行社交网络服务,我在发送消息方面遇到的问题很少。消息从上到下流动。 Like this

但我想显示消息bottom to top Like facebook ..

我正在使用转发器控件显示消息。

转发器控制代码

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

1 个答案:

答案 0 :(得分:0)

转发器中Items的顺序与DataSource中的顺序相同,所以只需按时间顺序对它进行排序。