在创建Web方面,有很多地方都要涉及到层次数据的显示问题,最常见莫过与一个购物网站了,一件商品通常又包含很多相关信息:价格,介绍,图片等等,这就是具有层次关系的数据.本文的主题就是讲述如何使用ASP.NET(vb)来显示层次数据
在本文中,将分两个部分来说明:
- 需要了解的相关知识
- 嵌套数据控件显示层次数据
需要了解的相关知识
1,创建具有多个表的DataSet(数据集),本文以SQL Server2000的Pubs数据库为例:
import System.Data
import System.Data.SqlClient
dim objConn as new SqlConnection("Data Source=Localhost;Database=Pubs;user id=sa;password=sa")
objConn.Open()
dim strSql as string="Select * from jobs;Select * from employee"
dim objAdapter as new SqlDataAdapter(strSql,objConn)
dim objDs as new DataSet()
objAdapter.Fill(objDs)
objConn.Close()
'设定两个表的名称
objDs.Tables(1).TalbeName="jobs"
objDs.Tables(0).TableName="employee"
' 到此已经创建了具有两个表的dataset对象--objDs,但是这两个表之间还没有任何关系,现在我们需要为它创建关系
'为这两个表添加关系
dim Parent as DataColumn=objDs.Tables("jobs").Columns("job_id")
dim Child as DataColumn=objDs.Tables("employee").Columns("job_id")
objDs.Relations.Add("RelationName",Parent,Child)
2,导航表间关系,以简单的格式输出层次数据
把上面的的两个表输出成如下格式:
job1:
employee1
employee2
...
job2:
employee1
employee12
...
....
[vb]
dim ParentColumn
dim ChildColumn
for each ParentColumn in objDs.Tables("jobs").Rows
Response.Write(ParentColumn("job_desc") & ":<br>")
for each ChildColumn in ParentColumn.GetChildRows(RelationName)
Response.Write(ChildColumn("lname") & " " & ChildColumn("fname") & "<br>")
next
next
这个的例子输出的数据已经是有层次关系的了,但这个并不是本文的目的,在做开发web的时候我们并不能把逻辑代码嵌在html里
把代码和html分开正是ASP.NET和ASP的重要区别.在下一个部分,我们将结合上面学到的知识,使用ASP.NET提供的功能强大的数据控件Repeater,DataList,DataGrid在显示层次数据
嵌套数据控件实现层次数据的显示
现在你可以使用Repeater嵌套DataList,或者DataList嵌套Repeater,简言之,你可以使用Repeater,DataList,DataGrid这三个控件的任意组合进行嵌套.在本文,将使用比较简单的Repeater嵌套Repeater做为例子,方便理解
请在上面的代码添加如下两句数据绑定的代码:
ParentRepeater.DataSource=objDs.Tables("jobs").DefaultView
ParentRepeater.DataBind()
然后在html里加入下面的代码:
<asp:repeater id="ParentRepeater" runat="server">
<itemtemplate>
职位:<%# DataBinder.Eval(Container.DataItem,"job_desc") %><br>
<asp:repeater id="ParentRepeater" runat="server" DataSource='<%# Ctype(Container.DataItem,DataRowView).CreateChildView("RelationName") %>'>
<itemtemplate>
职员:<%# DataBinder.Eval(Container.DataItem,"lname") %>
<%# DataBinder.Eval(Container.DataItem,"fname") %>
</itemtemplate>
</asp:repeater>
</itemtemplate>
</asp:repeater>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData();
}
}
private void BindData()
{
SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);
SqlDataAdapter da=new SqlDataAdapter("SELECT [类别编号], [类别名称] FROM [产品类别] ORDER BY [类别编号];SELECT [产品编号], [产品], [类别编号] FROM [产品数据] ORDER BY [类别编号]", conn);
DataSet ds = new DataSet();
using(conn)
{
da.Fill(ds);
}
ds.Tables[0].TableName = "Category";
ds.Tables[1].TableName = "Product";
DataColumn parent = ds.Tables["Category"].Columns["类别编号"];
DataColumn child = ds.Tables["Product"].Columns["类别编号"];
ds.Relations.Add("catToPro", parent, child);
Repeater1.DataSource = ds.Tables["Category"];
Repeater1.DataBind();
}
<%@ Import Namespace="System.Data" %>
页面代码：
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<span><%#Eval("类别名称")%></span>
<asp:Repeater ID="Repeater2" runat="server" DataSource='<%# ((DataRowView)Container.DataItem).CreateChildView("catToPro") %>'>
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<span><%#Eval("产品")%></span>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
<asp:Repeater ID="a1" Runat="server">
<ItemTemplate>
<%#((test1)Container.DataItem).Name%><br>
<asp:Repeater ID="a2" Runat="server" DataSource='<%#((test1)Container.DataItem).Test2%>'>
<ItemTemplate>
<%#((test2)Container.DataItem).Name%><br>
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
</asp:Repeater>
</form>
CodeBehind:
protected System.Web.UI.WebControls.Repeater a1;
protected System.Web.UI.WebControls.Repeater a2;
private void Page_Load(object sender, System.EventArgs e)
{
test1[] aaaaa = new test1[2];
aaaaa[0] = new test1("a1");
aaaaa[1] = new test1("a2");
aaaaa[0].Test2 = new test2[]{new test2("b1")};
aaaaa[1].Test2 = new test2[]{new test2("b2")};
a1.DataSource = aaaaa;
a1.DataBind();
}
protected class test1
{
private string _name = string.Empty;
public string Name
{
set
{
this._name = value;
}
get
{
return this._name;
}
}
public test2[] Test2 = null;
public test1(string name)
{
this._name = name;
}
}
protected class test2
{
public test2(string name)
{
this.Name = name;
}
private string _name = string.Empty;
public string Name
{
set
{
this._name = value;
}
get
{
return this._name;
}
}
}
