使用Repeater实现类似GridView编辑功能

  Repeater控件他给了我们编程人员完好的可编辑性，而且执行效率是微软三个数据控件最快的 ，但是由于自身局限性(没有EditTemplate属性)还不能很好的实现类似于Gridview中的添加、修改、删除功能，但是是不是不能实现了呢，嘿嘿。
        要实现上面功能，首先有两个技术点要解决：
        1、当某行点击了编辑按钮，事件要回发而且需要知道数据行的ID，并且要执行什么操作；
        2、点击之后，需要改变行状态；

        第一个可以通过linkbutton的CommandName和CommandArgument两个属性进行设置，代码如下

< tr >
     < td  style ="background-color: #FFF; height:25px; width:30%;" >
         <% # DataBinder.Eval(Container.DataItem, "a") %>
     </ td >
     < td  style ="background-color: #FFF;  width:30%;" >
         <% # DataBinder.Eval(Container.DataItem,"b")  %>
     </ td >
     < td  style ="background-color: #FFF;  width:30%;" >
         <% # DataBinder.Eval(Container.DataItem,"c")  %>
     </ td >
     < td  style ="background-color: #FFF; width:10%;" >
         < asp:LinkButton  runat ="server"  ID ="lbtEdit"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
            CommandName="Edit" Text="编辑"> </ asp:LinkButton > &nbsp;&nbsp;&nbsp;
         < asp:LinkButton  runat ="server"  ID ="lbtDelete"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
            CommandName="Delete" Text="删除"> </ asp:LinkButton >
     </ td >
</ tr >

       
        然后在后台设置Repeater的OnItemDataBound事件，通过

e.CommandName

        可以确定是什么操作。

        而关于第二点有有点二了，暂时没找到更好的解决方案。我是这样的，在ItemTemplate中加入两个Panel分别放正常和编辑状态显示的内容，如下

< ItemTemplate >
     < asp:Panel  ID ="plItem"  runat ="server" >
         < tr >
             < td  style ="background-color: #FFF; height: 25px; width: 30%;" >
                 <% # DataBinder.Eval(Container.DataItem, "a") %>
             </ td >
             < td  style ="background-color: #FFF; width: 30%;" >
                 <% # DataBinder.Eval(Container.DataItem,"b")  %>
             </ td >
             < td  style ="background-color: #FFF; width: 30%;" >
                 <% # DataBinder.Eval(Container.DataItem,"c")  %>
             </ td >
             < td  style ="background-color: #FFF; width: 10%;" >
                 < asp:LinkButton  runat ="server"  ID ="lbtEdit"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
                    CommandName="Edit" Text="编辑"> </ asp:LinkButton > &nbsp;&nbsp;&nbsp;
                 < asp:LinkButton  runat ="server"  ID ="lbtDelete"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
                    CommandName="Delete" Text="删除"> </ asp:LinkButton >
             </ td >
         </ tr >
     </ asp:Panel >
     < asp:Panel  ID ="plEdit"  runat ="server" >
         < tr >
             < td  style ="background-color: #FFF; height: 25px; width: 30%;" >
                 < asp:TextBox  ID ="txtA"  Text ='<%#  DataBinder.Eval(Container.DataItem,"a") % > ' runat="server"> </ asp:TextBox >
             </ td >
             < td  style ="background-color: #FFF; width: 30%;" >
                 < asp:TextBox  ID ="txtB"  Text ='<%#  DataBinder.Eval(Container.DataItem,"b") % > ' runat="server"> </ asp:TextBox >
             </ td >
             < td  style ="background-color: #FFF; width: 30%;" >
                 < asp:TextBox  ID ="txtC"  Text ='<%#  DataBinder.Eval(Container.DataItem,"c") % > ' runat="server"> </ asp:TextBox >
             </ td >
             < td  style ="background-color: #FFF; width: 80px; width: 10%;" >
                 < asp:LinkButton  runat ="server"  ID ="lbtUpdate"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
                    CommandName="Update" Text="更新"> </ asp:LinkButton > &nbsp;&nbsp;&nbsp;
                 < asp:LinkButton  runat ="server"  ID ="lbtCancel"  CommandArgument ='<%#  DataBinder.Eval(Container.DataItem, "ID")% > '
                    CommandName="Cancel" Text="取消"> </ asp:LinkButton >
             </ td >
         </ tr >
     </ asp:Panel >
</ ItemTemplate >

        这样有一个缺点，会在每行tr标签前后多出div标签，虽然这不影响显示（在IE和FF中测试过），但是这给页面造成了垃圾代码，希望那位知道其他解决方案告知下，我在这里就抛砖引玉了：）
        
        接着由后台判断，代码如下 

protected   void  Repeater1_ItemDataBound( object  sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        if (m_dt.Rows[e.Item.ItemIndex]["ID"].ToString() != m_iID.ToString())
        {
            ((Panel)e.Item.FindControl("plItem")).Visible = true;
            ((Panel)e.Item.FindControl("plEdit")).Visible = false;
        }
        else
        {
            ((Panel)e.Item.FindControl("plItem")).Visible = false;
            ((Panel)e.Item.FindControl("plEdit")).Visible = true;
        }
    }
}

protected   void  Repeater1_ItemCommand( object  source, RepeaterCommandEventArgs e)
{
    if (e.CommandName == "Edit")
    {
        m_iID = int.Parse(e.CommandArgument.ToString());
    }
    else if (e.CommandName == "Cancel")
    {
        m_iID = -1;
    }
    else if (e.CommandName == "Update")
    {
        //Update.

        string sA = ((TextBox)this.Repeater1.Items[e.Item.ItemIndex].FindControl("txtA")).Text.Trim();
        string sB = ((TextBox)this.Repeater1.Items[e.Item.ItemIndex].FindControl("txtB")).Text.Trim();
        string sC = ((TextBox)this.Repeater1.Items[e.Item.ItemIndex].FindControl("txtC")).Text.Trim();

        this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "key", "alert('更新ID：" +
            e.CommandArgument + "；页面值：A," + sA + "----B," + sB + "----C," + sC + "');", true);
    }
    else if (e.CommandName == "Delete")
    {
        //Delete.            
        this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "key", "alert('删除ID：" + e.CommandArgument + "');", true);
    }

    Repeater1.DataSource = this.InitDataTable();
    Repeater1.DataBind();
}