Repeater的应用之嵌套和行操作

repeater是一个 轻量级的控件,它具有效率高,使用灵活等特点,可以根据用户的不同需求生成比较复杂的界面。以下是一个简单的例子，通过嵌套实现常见的子报表功能。同时也顺便提了一下对它的基本数据的操作。

请看示例(asp 2.0)：

aspx:

<asp:Repeater ID="rp1" runat="server">

<HeaderTemplate>
<table width="100%" border="1" style="border-collapse:collapse;font-size:12px">
<tr>
<th align="center" colspan="3">总门员工表</td>
</tr>
<tr>
<th >部门编号</th>
<th colspan="2">部门名称</th>

</tr>

</HeaderTemplate>
<ItemTemplate>
<tr bgcolor="#336699" style="color:White">
<td><%#Eval("id")%></td>
<td colspan="2"><%#Eval("deptname")%></td>

</tr>
<tr>
<td></td>
<td>
<asp:Repeater ID="rp2" runat="server"

DataSource='<%#((System.Data.DataRowView)Container.DataItem).Row.GetChildRows("RelationName")%>'

OnItemCommand="rp2_ItemCommand"
>

<HeaderTemplate>
<table width="100%" cellspacing="0" border="0" cellpadding="0">

<tr bgcolor="#eeeef1" style="color:black">
<td align="center">删除</td>
<td>员工编号</td>
<td>员工名称</td>
</tr>

</HeaderTemplate>
<ItemTemplate>
<tr>
<td align="center">
<asp:LinkButton ID="nkbDelete" OnClientClick="javascript:return confirm('真的要删除吗?');" runat="server" Text="删除" CommandName="delete" CommandArgument='<%#Eval("[id]")%>'></asp:LinkButton>
<asp:CheckBox ID="chkSel" runat="server" OnCheckedChanged="CheckBoxChanged" KeyID='<%#Eval("[id]")%>' AutoPostBack="true" />
<asp:Button ID="btnDelete" runat="server" Text="删除" CommandName="delete" CommandArgument='<%#Eval("[id]")%>' /><label id="divDelete" style="border:solid 1px black;width:60px;" onclick="javascript:this.previousSibling.click();">删除</label>
</td>
<td><%#DataBinder.Eval(Container.DataItem,"[id]")%>
<td><%#Eval("[empname]")%></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

</td>
</tr>

</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

后台程序：

protected void Page_Load(object sender, EventArgs e)
{

if (!this.IsPostBack)
{
this._BindRepeater();
}

}

DataSet _GetDataSet()
{

if (ViewState["ds"] != null)
{
return (DataSet)ViewState["ds"];
}

DataSet ds = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("id", typeof(int));
dt.Columns.Add("DeptName");
ds.Tables.Add(dt);
dt.Rows.Add(1, "市场部");
dt.Rows.Add(2, "人力资源部");
dt.Rows.Add(3, "金融事业部");
dt.Rows.Add(4, "通信事业部");

dt = new DataTable();
dt.Columns.Add("id", typeof(int));
dt.Columns.Add("deptid", typeof(int));
dt.Columns.Add("empname");
for (int i = 0; i < 20; i++)
{
dt.Rows.Add(i, i % 4 + 1, "员工" + i.ToString());
}

ds.Tables.Add(dt);
///添加主父子关系
ds.Relations.Add("RelationName", ds.Tables[0].Columns["id"], ds.Tables[1].Columns["deptId"]);
ViewState["ds"] = ds;
return ds;

}
void _SaveData(DataSet ds)
{
ViewState["ds"] = ds;
}

void _DeleteData(string sID)
{
DataSet ds = this._GetDataSet();
DataTable dt = ds.Tables[1];

DataRow[] row = dt.Select("id=" + sID);
if (row.Length >= 1)
{
row[0].Delete();
}

this._SaveData(ds);
}
void _BindRepeater()
{

DataSet ds = this._GetDataSet();

this.rp1.DataSource = ds.Tables[0].DefaultView;
this.rp1.DataBind();

}

protected void CheckBoxChanged(object sender,EventArgs e)
{
CheckBox cb = (CheckBox)sender;
string sID = cb.Attributes["KeyID"];
this._DeleteData(sID);
this._BindRepeater();

}

protected void rp2_ItemCommand(object sender,RepeaterCommandEventArgs e)
{

if (e.CommandName == "delete")
{
string sID = e.CommandArgument.ToString();
this._DeleteData(sID);
this._BindRepeater();

}
}

说明：对于repleater的操作。我用了四个基本元素来实现。linkbutton 和button是一样通过指定commandname触发ItemCommand事件，并绑定了CommandArgument以便在后台事件中获取。

而CheckBox并没有commandname和CommandArgument属性，于是我给它指定了一个自定义的属性KeyID,并绑定数据的id字段。然后在checkbox的事件中获取它的属性进行相关数据操作。

label的操作，这就借用了button的事件来实现。这里label可换成任何可显示在网页中的html元素。