问题：

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. Cocos2d-x 3.0心得（01）－图片载入与混合模式

    近期開始用cocos2dx 3.0做东西,略有心(cao)得(dian),略微作下记录吧. v3.0相对v2.2来说,最引人注意的,应该是对触摸层级的优化.和lambda回调函数的引入(嗯嗯.不枉我改 ...

  2. 用Bootstrap 写了个站点

    近期发现vdceye的站点有些丑陋,就找了一个bootstrap工具,又一次把站点写了一遍 这个工具果然好用 http://vdceye.com/

  3. js 类似php中foreach的方法

    参考下面实例 <script>var arr =  {    'a' : '111111',    'b' : '222222',    'c' : '333333'};for(var k ...

  4. Aizu 2304 Reverse Roads 费用流

    Reverse Roads Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/view ...

  5. hdu 5446 Unknown Treasure lucas和CRT

    Unknown Treasure Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?p ...

  6. [AngularJS - app] AngularJS Location-picker app

    From: http://rangle.io/blog/two-ways-to-build-a-location-picker-for-a-mobile-angularjs-application/ ...

  7. android Animation 动画效果介绍

    Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动 ...

  8. Java和.NET下socket转换错误记录

    一个项目,需要JAVA的Socket客户端转换为C#的Socket客户端,使用的是短连接. 首先,java客户端代码如下: Socket socket = new Socket(); socket.c ...

  9. Middleware

    Middleware The middleware gives a single shot to the views associated into Controllers, before execu ...

  10. Android实现资料收藏

    1,调web浏览器 Uri myBlogUri = Uri.parse("http://xxxxx.com"); returnIt = new Intent(Intent.ACTI ...