问题：

Datalist1显示say这个表的数据

然后想在Datalist1中嵌套一个Datalist2用于显示对应的评论

表2的 sayID对应表1的id，若表2中找不到对应sayId则在对应的Datalist1中不显示Datalist2.
难点在于如何达到“林夏”的说说下面只显示“黄磊”、“叶伟信”的评论，“韩寒”的下面只显示“程程”的评论。（林夏的id是3，所以查询对应的表2中sayId为3的行）。

代码

前台代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <link href="Content/bootstrap.css" rel="stylesheet" />

</head>

<body>

    <form id="form1" runat="server">

        <h2 style="text-align:center;">评论列表</h2>

        <div align="center" style="margin-top:20px;">

            <asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound" Width="50%" CssClass="table table-bordered"

                CellPadding="0" CellSpacing="0">

                <ItemTemplate>

                    <div>

                        来自<%# Eval("place") %>的<%# Eval("username") %>于<%# Eval("date") %>发表

                    </div>

                    <div>

                        <%# Eval("text") %>

                    </div>

                    <asp:DataList ID="DataList2" runat="server" Width="100%">

                        <ItemTemplate>

                            <div style="border: 1px dashed black; margin: 1px;">

                                <div>

                                    <%#Eval("username") %>的评论<%#Eval("date") %>

                                </div>

                                <div>评论内容：<%#Eval("text") %> </div>

                            </div>

                        </ItemTemplate>

                    </asp:DataList>

                </ItemTemplate>

            </asp:DataList>

        </div>

    </form>

</body>

</html>

后台cs：

protected void Page_Load(object sender, EventArgs e)

        {

            if (!Page.IsPostBack)

            {

                this.DataList1.DataSource = Data();

                this.DataList1.DataBind();

            }

        }

        public DataSet Data()

        {

            DataSet ds = new DataSet();

            DataTable dtParent = new DataTable();

            dtParent.Columns.Add("id", typeof(int));

            dtParent.Columns.Add("username", typeof(string));

            dtParent.Columns.Add("text", typeof(string));

            dtParent.Columns.Add("date", typeof(string));

            dtParent.Columns.Add("place", typeof(string));

            dtParent.Rows.Add(, "摩根", "这个...", "2014.6", "伦敦");

            dtParent.Rows.Add(, "韩寒", "潮流...", "2015.7", "湖南");

            dtParent.Rows.Add(, "林夏", "岁月...", "2016.2", "小城");

            dtParent.Rows.Add(, "王菲", "我会...", "2015.9", "香港");

            dtParent.Rows.Add(, "郭敬明", "我们...", "2015.1", "上海");

            DataTable dtChild = new DataTable();

            dtChild.Columns.Add("id", typeof(int));

            dtChild.Columns.Add("sayId", typeof(int));

            dtChild.Columns.Add("username", typeof(string));

            dtChild.Columns.Add("text", typeof(string));

            dtChild.Columns.Add("date", typeof(string));

            dtChild.Rows.Add(, , "黄磊", "我是第一个评说", "2016.6.17 13:06:12");

            dtChild.Rows.Add(, , "叶伟信", "评论林夏的说", "2016.6.17 12:26:43");

            dtChild.Rows.Add(, , "程程", "我评论韩寒", "2015.3.1 15:20:10");

            ds.Tables.AddRange(new DataTable[] { dtParent, dtChild });

            DataRelation dr = new DataRelation("relation", dtParent.Columns["id"], dtChild.Columns["sayId"]);

            ds.Relations.Add(dr);

            dtParent = ds.Relations["relation"].ParentTable;

            dtChild = ds.Relations["relation"].ChildTable;

            return ds;

        }

        protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)

        {

            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)

            {

                DataList dataList = e.Item.FindControl("DataList2") as DataList;

                DataRowView rowv = (DataRowView)e.Item.DataItem;

                DataRow[] rows = Data().Tables[].Select("sayId='" + rowv["id"].ToString() + "'");

                DataTable dt = Data().Tables[].Clone();

                foreach (DataRow dr in rows)

                {

                    dt.ImportRow(dr);

                }

                dataList.DataSource = dt;

                dataList.DataBind();

            }

        }

后台代码中数据源部分可以用ado.net查询数据库方式替换。

效果图：

ASP.NET DataList嵌套实现评论效果的更多相关文章

  1. ASP.NET-DataList控件-DataList嵌套

    DataList是ASP.NET的数据控件之一,在使用时要对其进行数据绑定.但是使用过程中难免会出现需要根据已绑定表中的某列数据来作进一步的查询和显示,就需要使用DataList嵌套来解决此类问题. ...

  2. DataList嵌套绑定例子

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataList控件.asp ...

  3. iOS tableView嵌套部分WebView效果实现

    对于一些资讯类的app,比如网易新闻,今日头条这样的,他们的文章详情页大部分基本都是tableView中嵌套webView来实现的效果,其中顶部标题,关注按钮等这些可能是原生的,内容部分是webVie ...

  4. [置顶] Datalist嵌套datalist，页面传值，加密，数据绑定

    <asp:DataList ID="dlMajor" runat="server" CssClass="dllist" OnItemD ...

  5. 解决ScrollView中嵌套ListView滚动效果冲突问题

    在ScrollView中嵌套使用ListView,ListView只会显示一行到两行的数据.起初我以为是样式的问题,一直在对XML文件的样 式进行尝试性设置,但始终得不到想要的效果.后来在网上查了查, ...

  6. ASP.NET DataList绑定数据并实现分页

    显示当前页码Label属性 值ID NowPageNumberLabtext    1 ×××××××××××××××××××××显示总页码Label属性 值ID BackPageNumberLabt ...

  7. 转：前端页面a标签嵌套a标签效果的两种解决方案

      这是由工作中的一个小改动需求得到的这个解决方案的:那个需求是这样的,如图: 需求原来是球队名字没有点击功能的,而蓝色方框两队之间的比赛点击的时候会跳转到比赛文字直播页面.现在需要要求点击球队名字要 ...

  8. Asp.net FileUpload+Image制作头像效果

    在Web开发中会经常使用到个人信息注册,而个人信息中通常需要自己的头像或者照片.今天主要介绍一下使用FileUpload+img控件上传照片. FileUpLoad控件使用介绍 FileUpLoad控 ...

  9. 完全使用ASP.NET实现的省市区级联效果

    本功能特点:下级的显示和数据的加载都是由上一级下拉框的SelectedIndexChanged触发的,在上级下拉框没有选择之前,下级不会出现,用户体验比较好.无刷新方面,采用AJAX技术,在数据选择的 ...

随机推荐

  1. Matlab画图-非常具体，非常全面

    Matlab画图 强大的画图功能是Matlab的特点之中的一个,Matlab提供了一系列的画图函数,用户不须要过多的考虑画图的细节,仅仅须要给出一些基本參数就能得到所需图形,这类函数称为高层画图函数. ...

  2. MyEclipse 10官网下载地址以及破解方法

    刚刚公布了MyEclipse 10,我如今用的还是6.5的版本号,6.5的版本号是我认为最好用的一个版本号. 我装上了,还没感受到有哪些好用,就是感觉体积庞大,和IBM 的WID一样,是个多面手,啥事 ...

  3. leetcode第一刷_Jump Game

    这个题事实上非常easy的,我一開始想复杂了,它没要求记录路径,事实上仅仅要看一下每一步之后所能延伸到的最远的位置就能够了,在这一个最远位置前面的那些位置,都是能够到达的,假设扫到了某个i,它大于当前 ...

  4. mysqldump原理4

    http://blog.csdn.net/dba_waterbin/article/details/23611601?utm_source=tuicool&utm_medium=referra ...

  5. 运维知识体系v0.5

    http://www.90qj.com/?post=318http://ixdba.blog.51cto.com/2895551/1751377   运维知识体系v0.5-(运维社区-赵班长出品,欢迎 ...

  6. jQuery 学习笔记(未完待续)

    一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById()函数        2.使 ...

  7. careercup-C和C++ 13.9

    13.9 编写支持对齐分配的malloc和free函数,分配内存时,malloc函数返回的地址必须都能被2的n次方整除. 解法: 一般来说,使用malloc,我们控制不了分配的内存会在堆里哪个位置.我 ...

  8. java_类泛型基本实例

    package ming; public class Apple2<T> { public T info; public Apple2(T info) { this.info = info ...

  9. jsp 用application对象制作留言板

    <%@ page contentType="text/html; charset=gb2312"%> <html> <body> <for ...

  10. Redis & Sentinel 安装脚本

    #!/bin/bash # 判断是否为root用户,不是root用户提示退出 if [[ $EUID -ne 0 ]]; then    echo "This script. must be ...