Date wise data display in ASP.NET webforms

Question

0.00/5 (No votes)

See more:

Hi i have a class called ChatMessageBO which has properties such as Id, Msg, Name, and date.

i want to display data datewise.

List<chatmessagebo> SortedList = directChatWindow.messages.OrderBy(o => o.ts).ToList();
MessageList.DataSource = SortedList;
MessageList.DataBind();

here i get all data properly but i want to display date and then name and msg.

example

03-07-2017

jaydeeep hello
rishi hi

04-07-2017

neha god mornin
jaydeep good moring all

view side u can see june 06 2017. where i have to display date.

What I have tried:

<div class="daychat">
                <asp:HiddenField ID="hdnOtherUser" runat="server" />
                <h3><span>June 6, 2017</span></h3>
                <ul class="list-unstyled msglist">
                    <asp:ListView runat="server" ID="MessageList">
                        <ItemTemplate>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <a href="javascript:void(0);">
                                            <img src="../Content/images/1.png" alt="chat-avatar" />
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading"><a href="javascript:void(0);"><%#Eval("name")%> </a><%# DateTime.Parse(Eval("ts").ToString()).ToString("hh:mm tt")%> </h4>
                                        <p><%#Eval("msg")%></p>  
                                    </div>
                                </div>


                            </li>
                        </ItemTemplate>
                    </asp:ListView>
                </ul>
            </div>

Posted 4-Jul-17 0:03am

Jaydeep Shah

Updated 4-Jul-17 2:59am

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2017-07-04T02:59:00

Are you saying that you want to group the messages by date?

C#

MessageList.DataSource =  directChatWindow.messages.GroupBy(o => o.ts.Date, (key, items) => new 
{ 
    Date = key, 
    Messages = items.OrderBy(o => o.ts) 
});

MessageList.DataBind();

<asp:ListView runat="server" ID="MessageList">
<ItemTemplate>
    <h3><span><%#: Eval("Date", "{0:MMMM d, yyyy}") %></span></h3>
    <ul class="list-unstyled msglist">
        <asp:ListView runat="server" DataSource='<%# Eval("Messages") %>'>
        <ItemTemplate>
            <li>
                <div class="media">
                    <div class="media-left">
                        <a href="javascript:void(0);">
                            <img src="../Content/images/1.png" alt="chat-avatar" />
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">
                            <a href="javascript:void(0);"><%#: Eval("name") %></a>
                            <%#: Eval("ts", "{0:hh:mm tt}") %> 
                        </h4>
                        <p><%#: Eval("msg") %></p>  
                    </div>
                </div>
            </li>
        </ItemTemplate>
        </asp:ListView>
    </ul>
</ItemTemplate>
</asp:ListView>

Date wise data display in ASP.NET webforms

1 solution

Solution 1

Add your solution here

Preview 0

Date wise data display in ASP.NET webforms

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us