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