Display selected DataList item in another DataList using C# in ASP.Net

Hi micah,

Here i have created sample that full-fill your requirement.

HTML

<div>
    <asp:DataList ID="A" runat="server" CssClass=" table table-bordered table-striped table-hover">
        <ItemTemplate>
            <table>
                <tr>
                    <td>
                        <img id="img" runat="server" src='<%#DataBinder.Eval(Container.DataItem,"Image")%>'
                            class="media-object img-circle img-rounded animated bounce" style="border: medium solid #CCCCFF;
                            width: 50px; height: 50px;" />
                    </td>
                    <td>
                        <asp:Label ID="Label3" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SendDate","{0:dddd,MMMM dd,yyyy}" ) %>'
                            Font-Size="X-Small" Font-Bold="True" ForeColor="Gray" />
                    </td>
                    <td>
                        <asp:Button Text="View" runat="server" class="" Style="border-style: none; background-color: transparent;"
                            data-toggle="modal" data-target="#myModal9t" OnClick="ShowSelectedRecord" />
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:DataList>
    <br />
    <asp:DataList ID="B" runat="server" CssClass=" table table-bordered table-striped table-hover"
        Caption="Result">
        <ItemTemplate>
            <table>
                <tr>
                    <td>
                        <img id="img" runat="server" src='<%#DataBinder.Eval(Container.DataItem,"Image")%>'
                            class="media-object img-circle img-rounded animated bounce" style="border: medium solid #CCCCFF;
                            width: 50px; height: 50px;" />
                    </td>
                    <td>
                        <asp:Label ID="Label3" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SendDate","{0:dddd,MMMM dd,yyyy}" ) %>'
                            Font-Size="X-Small" Font-Bold="True" ForeColor="Gray" />
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:DataList>
</div>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Image"), new DataColumn("SendDate", typeof(DateTime)) });
        dt.Rows.Add("Images/Chrysanthemum.jpg", "2016/03/21 09:15:35");
        dt.Rows.Add("Images/Desert.jpg", "2016/03/20 21:21:21");
        dt.Rows.Add("Images/Hydrangeas.jpg", "2016/03/15 23:59:59");
        dt.Rows.Add("Images/Jellyfish.jpg", "2016/03/06 07:19:25");
        A.DataSource = dt;
        A.DataBind();
    }
}

protected void ShowSelectedRecord(object sender, EventArgs e)
{
    DataListItem item = (DataListItem)(sender as Button).NamingContainer;
    string imgPath = ((System.Web.UI.HtmlControls.HtmlImage)item.FindControl("img")).Src;
    DateTime sendDate = Convert.ToDateTime(((Label)item.FindControl("Label3")).Text);
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Image"), new DataColumn("SendDate", typeof(DateTime)) });
    dt.Rows.Add(imgPath, sendDate);
    B.DataSource = dt;
    B.DataBind();
}

Screenshot