ASP.NET DataList嵌套实现评论效果
问题:
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嵌套实现评论效果的更多相关文章
- ASP.NET-DataList控件-DataList嵌套
DataList是ASP.NET的数据控件之一,在使用时要对其进行数据绑定.但是使用过程中难免会出现需要根据已绑定表中的某列数据来作进一步的查询和显示,就需要使用DataList嵌套来解决此类问题. ...
- DataList嵌套绑定例子
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataList控件.asp ...
- iOS tableView嵌套部分WebView效果实现
对于一些资讯类的app,比如网易新闻,今日头条这样的,他们的文章详情页大部分基本都是tableView中嵌套webView来实现的效果,其中顶部标题,关注按钮等这些可能是原生的,内容部分是webVie ...
- [置顶] Datalist嵌套datalist,页面传值,加密,数据绑定
<asp:DataList ID="dlMajor" runat="server" CssClass="dllist" OnItemD ...
- 解决ScrollView中嵌套ListView滚动效果冲突问题
在ScrollView中嵌套使用ListView,ListView只会显示一行到两行的数据.起初我以为是样式的问题,一直在对XML文件的样 式进行尝试性设置,但始终得不到想要的效果.后来在网上查了查, ...
- ASP.NET DataList绑定数据并实现分页
显示当前页码Label属性 值ID NowPageNumberLabtext 1 ×××××××××××××××××××××显示总页码Label属性 值ID BackPageNumberLabt ...
- 转:前端页面a标签嵌套a标签效果的两种解决方案
这是由工作中的一个小改动需求得到的这个解决方案的:那个需求是这样的,如图: 需求原来是球队名字没有点击功能的,而蓝色方框两队之间的比赛点击的时候会跳转到比赛文字直播页面.现在需要要求点击球队名字要 ...
- Asp.net FileUpload+Image制作头像效果
在Web开发中会经常使用到个人信息注册,而个人信息中通常需要自己的头像或者照片.今天主要介绍一下使用FileUpload+img控件上传照片. FileUpLoad控件使用介绍 FileUpLoad控 ...
- 完全使用ASP.NET实现的省市区级联效果
本功能特点:下级的显示和数据的加载都是由上一级下拉框的SelectedIndexChanged触发的,在上级下拉框没有选择之前,下级不会出现,用户体验比较好.无刷新方面,采用AJAX技术,在数据选择的 ...
随机推荐
- 传微软欲收购Xamarin:未来有望通过VS开发iOS和Android应用?
据CRN报道,其援引匿名人士的消息称,微软将收购一家创建C#移动应用工具的公司或进行注资,并且谈判已经到了最终阶段.这家公司的名字叫做Xamarin,创建于2011年.对于微软来说,收购Xamarin ...
- ios项目开发(天气预报项目):通过经纬度获取当前城市名称
1 . 在项目里加入� CoreLocation.framework 2 .在 .h 文件输入例如以下: 1.#import <CoreLocation/CLLocation.h> ...
- ios开发——实用技术OC篇&地图与定位
地图与定位 11.1 iOS定位服务 11.2 iOS地图 11.3 Web地图 1 iOS定位服务 iOS中有三个定位服务组件: Wifi定位,通过查询一个Wifi路由器的地理位置的信息.比较省电, ...
- Firefly distributed模块的原理与twisted中PB远程调用协议
这些天断断续续在看Firefly, 看了一下distributed模块的设计,其实就是使用的twisted.spread.pb觉得以后要是想用Firefly有必要了解一下twisted, 所以在网上查 ...
- wcf-1
1.WCF是什么? WindowsCommunication Foundation(WCF)是由微软发展的一组数据通信的应用程序开发接口,它是.NET框架的一部分,由.NET Framework 3. ...
- 应聘.net开发工程师常见的面试题(四)
1.在Asp.net中所有的自定义用户控件都必须继承自________? 答:Control. 2.在.Net中所有可序列化的类都被标记为_____? 答:[serializable] 3.在.Net ...
- iOS 开发中使用 NSURLProtocol 拦截 HTTP 请求
这篇文章会提供一种在 Cocoa 层拦截所有 HTTP 请求的方法,其实标题已经说明了拦截 HTTP 请求需要的了解的就是 NSURLProtocol. 由于文章的内容较长,会分成两部分,这篇文章介绍 ...
- python--字符工厂函数dict()
字符工厂函数str() class str(object): """ str(object='') -> str str(bytes_or_buffer[, enc ...
- /lib /usr/lib /usr/local/lib 区别
简单说,/lib是内核级的,/usr/lib是系统级的,/usr/local/lib是用户级的. /lib/ — 包含许多被 /bin/ 和 /sbin/ 中的程序使用的库文件.目录 /usr/lib ...
- 计算openlayers两点之间的距离
distanceTo: function(point) { var distance = 0.0; if ((this.x != null) && (this.y != null) & ...