GirdView实现单选、FooterTemplate实现新建和PagerTemplate实现分页

　　近期采用GridView实现一个信息列表，并且还要对这个列表的信息进行增、删、改操作，同时还需要分页功能。曾今看到有人做过这样的效果，在页脚增加分页操作和新建、修改、删除、保存的操作。

　　点击—>新建，当前页记录集最后一行出现需要录入数据的空行控件。

　　点击—>删除，需要先选中单选行，删除才执行操作。

　　点击—>修改，需要先选中单选行，然后此行处于编辑状态，最后点击保存。

　　实现单选具有两种方法：

　　第一种：在模板列中加入RadioButton控件，通过Group不能实现单选的操作，需要JavaScript代码完成，如下

//判断单选框是否选择
 function setRadio(nowRadio) {
    var myForm, objRadio;
    myForm = document.forms[0];
    for (var i = 0; i < myForm.length; i++) {
        if (myForm.elements[i].type == "radio") {
            objRadio = myForm.elements[i];
            if (objRadio != nowRadio && objRadio.name.indexOf("GridView1") > -1 && objRadio.name.indexOf("radBtn") > -1) {
                if (objRadio.checked) {
                    objRadio.checked = false;
                }
            }
        }
    }
}

这种办法需要绑定客户端事件

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
        //给每个RadioButton1绑定setRadio事件
        ((RadioButton)e.Row.FindControl("RadioButton1")).Attributes.Add("onclick", "setRadio(this)");
}

　　第二种：在GridView的模版列里，加html控件Radio控件

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" ShowHeader="False">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <input type="radio" name="myRadio" value='<%# Container.DataItemIndex.ToString() %>'>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
 <script type="text/javascript">
            function setNowRadio(v)
            {
                var myForm,objRadio;
                myForm=document.forms[0];
                for(var i=0;i<myForm.length;i++)
                {
                    if(myForm.elements[i].type=="radio")
                    {
                        objRadio=myForm.elements[i];
                        if(objRadio.value==v)
                        {
                            objRadio.checked=true;
                        }
                    }
                }
            }
            <asp:Literal ID="jsLiteral" runat="server"></asp:Literal>
        </script>
 

后台可以通过Request.Form["myRadio"].ToString()获取到值，不用遍历控件。

下面是实现分页及其它功能的页面代码：

<asp:GridView ID="GridView1" runat="server"
            Width="850px" AllowPaging="True" CellPadding="3" BackColor="White" 
            BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" 
            Font-Size="10pt" ForeColor="#333333"
            AutoGenerateColumns="False" 
            onrowdatabound="GridView1_RowDataBound" 
            AllowSorting="True"
            >
            <Columns>    
                <asp:TemplateField AccessibleHeaderText="True" HeaderText="单选">
                    <ItemTemplate>
                        <asp:RadioButton ID="radBtn" runat="server" />
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:RadioButton ID="radBtn" runat="server" />
                    </EditItemTemplate>
                    <FooterTemplate>
                        <asp:RadioButton ID="radBtn" runat="server" />
                    </FooterTemplate>
                    <FooterStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                    <HeaderStyle Width="40px" />
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="40px" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="编号">
                    <ItemTemplate>
                        <asp:Label ID="labId" runat="server" Text='<%#  Bind("id") %>'></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:Label ID="labIdE" ForeColor="Red" runat="server" Text="" Width="60px"></asp:Label>
                    </EditItemTemplate>
                    <FooterTemplate>
                        <asp:Label ID="labIdI" ForeColor="Red" runat="server" Text="" Width="60px"></asp:Label>
                    </FooterTemplate>
                    <HeaderStyle Width="60px" />
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="60px" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="名称">
                    <ItemTemplate>
                        <a href='<%# "DefSteps.aspx?id=" + Eval("id") %>'><%# Eval("name")%></a>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtNameE" runat="server" Width="200px"></asp:TextBox>
                    </EditItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtNameI" runat="server" Width="200px"></asp:TextBox>
                    </FooterTemplate>
                    <HeaderStyle Width="200px" />
                    <ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" Width="200px" />
                </asp:TemplateField>
            </Columns>
            <FooterStyle BackColor="#C1CEF2" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#EFF3FB" ForeColor="#4A3C8C" />
            <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
            <HeaderStyle BackColor="#6699CC" Font-Bold="True" Font-Size="Small" ForeColor="White" />
            <EditRowStyle BackColor="#C1CEF2" />
            <AlternatingRowStyle BackColor="White" />
            <PagerTemplate>
                <table width="100%">
                    <tr>
                        <td align="left">
                            <asp:Button ID="btnFirst" runat="server" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=0 %>" CausesValidation="False" Text="首页" onclick="btnFirst_Click" />
                            <asp:Button ID="BtnPre" runat="server" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=0 %>" CausesValidation="False" Text="上一页" onclick="BtnPre_Click" />
                            <asp:Button ID="BtnNext" runat="server" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=((GridView)Container.Parent.Parent).PageCount-1 %>"
                    CausesValidation="False" Text="下一页" onclick="BtnNext_Click" />
                            <asp:Button ID="BtnLast" runat="server" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=((GridView)Container.Parent.Parent).PageCount-1 %>"
                    CausesValidation="False" Text="尾页" onclick="BtnLast_Click" />
                        </td>
                        <td align="center">
                            当前第<asp:Label ID="LblPage" runat="server" style="text-align:center" Text='<%# GridView1.PageIndex + 1%>'></asp:Label>
                            页 共<asp:Label ID="LblTotalPage" runat="server" style="text-align:center;" Text='<%# GridView1.PageCount %>'></asp:Label>
                            页</td>
                        <td align="right">
                            <asp:Button ID="BtnAdd" runat="server" CommandName="Insert" onclick="BtnAdd_Click" Text="添加" />
                            <asp:Button ID="BtnModify" runat="server" CommandName="Update" onclick="BtnModify_Click" Text="编辑" />
                            <asp:Button ID="BtnDelete" runat="server" CommandName="Delete" Text="删除" 
                                onclick="BtnDelete_Click" />
                            <asp:Button ID="BtnSave" runat="server" CommandName="Save" onclick="BtnSave_Click" Text="保存" />
                            <asp:Button ID="BtnCancel" runat="server" CommandName="Cancel" Text="取消" 
                                onclick="BtnCancel_Click" />
                        </td>
                    </tr>
                </table>               
            </PagerTemplate> 
        </asp:GridView> 

具体的分页功能不是很难，也就不在这写了。

新建：GridView1.ShowFooter = true

删除：先判断是否选中操作

protected void BtnDelete_Click(object sender, EventArgs e)
    {
        index = 0;
        int checkNum = 0;
        string id = "";
        foreach (GridViewRow gvr in GridView1.Rows)
        {
            if (((RadioButton)gvr.FindControl("radBtn")).Checked)
            {
                index = gvr.RowIndex;
                checkNum = 1;
                id =((Label)GridView1.Rows[index].FindControl("labId")).Text;
                DeleteChart(id);//执行删除操作
             }
        }
        ViewData();//填充数据
         if (checkNum == 0)
        {
            ScriptManager.RegisterStartupScript(this, typeof(Page), "提示", "<script>alert('选择要删除的行');</script>", false);
            return;
        }
    }

 效果图如下：

求助：在一次的误操作过程中发现了一个问题，就是当记录少于每页显示的记录数时，只有一页数据，PagerTemplate不显示，不知道大家发现这个问题没有，解决了好几天也没解决，希望各位挚友能给予帮助，再次感谢！

同时也希望各位朋友提出好的方法，共同交流 共同进步！