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元素。