问题：

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. hdu 1712 ACboy needs your help 分组背包

    转载请注明出处:http://blog.csdn.net/u012860063 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1712 Problem ...

  2. Android代码中设置背景图片

    //设置背景图片        String picfile= Environment.getExternalStorageDirectory() + "/pdp/pdp.png" ...

  3. mvc_ajax_for form

    在上一篇介绍MVC中的Ajax实现方法的时候,曾经提到了除了使用Ajax HTML Helper方式来实现之外,Jquery也是实现Ajax的另外一种方案. 通过get方法实现AJax请求 View ...

  4. ListView滑动不爽,滚动一页得滑几次？该用分页列表啦！

    ListView等滚动位置经常不符合用户期望: 很多时候都是看完一页想滑到下一页,但滑动一次距离往往不是不够就是超过,很难控制. PagedListView工程中提供了PageScroller来解决这 ...

  5. 利用JS_SDK实现QQ第三方登录

    前言 现如今,第三方登录已成为大部分网站必备的一项基础技能,引入时髦的第三方登录不仅能帮你吸引更多的用户,也让你的网站可以充分利用其他大型网站的用户资源.本次教程将让你的网站最快捷便利地引入QQ登录. ...

  6. 让ubuntu使用root帐号并让winscp以root身份登录

    ubuntu 服务器默认的root账号是没有激活的,需要用初装的用户账号给root设置管理密码: $ sudo passwd root  //用sudo修改root帐户 Password: //输入密 ...

  7. 关于javascript的slice方法

    slice方法在javascript中既可以在Array对象的原型下也可以是在String对象的原型下;其中w3c上面说的slice方法的第一个参数是必须的;这里的说法有误; slice的参数可以是0 ...

  8. Oracle SQL Developer 操作

    .新建 数据库连接 菜单->文件->新建 ->新建数据库连接 ->连接名: 用户名:userA 口 令: 连接类型:基本/.. 角色:默认值/SYSDBA 主机名:localh ...

  9. win7 X64可用的单文件IE6

    由于日常调试需要用到老版本的ie,没有办法!用ietest老师感觉不好使,动不动就死了.就找到了ie的单文件版,有博主 小明爱切糕制作,IE6.7.8单文件版本 http://www.cnblogs. ...

  10. Javascript日期处理类库Moment.js

    1.组件详情地址Moment.js中文网 http://momentjs.cn/ 2.几个方法: (1) 日期格式化 moment().format(); // 2016-02-29T14:03:30 ...