zoukankan      html  css  js  c++  java
  • 关于GridView中自定义分页、单选、多选、排序、自增列的简单应用(原创)

        关于VS2005中GridView的自定义分页,单选、多选、排序、自增列的简单应用。
        多选时,只有全部选中时“多选”才选中。

        图片效果:

         简单示例,代码如下,
        fenpage.aspx的代码
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="fenpage.aspx.cs" Inherits="gridview_fenpage" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title></title>

        
    <script language="javascript" type="text/javascript">    
        
    // 判断多选是否与选中项(没有选中的返回false)
        function slcNo_click()
        
    {
            
    if (document.form1.checkboxname.length)
            
    {
                
    for (var i=0;i<document.form1.checkboxname.length;i++)
                
    {
                    
    if(document.form1.checkboxname[i].checked)
                    
    {
                        
    return true;
                    }

                }

            }

            
    else
            
    {
                
    if(document.form1.checkboxname.checked)
                
    {
                    
    return true;
                }

            }

            alert(
    "请选择后再操作!");
            
    return false;
        }

        
        
    // 鼠标经过改变行的颜色
        if (!objbeforeItem)
        
    {
            
    var objbeforeItem=null;
            
    var objbeforeItembackgroundColor=null;
        }
        
        
    function ItemOver(obj)
        
    {
            
    if(objbeforeItem)
            
    {
                objbeforeItem.style.backgroundColor 
    = objbeforeItembackgroundColor;
            }

            objbeforeItembackgroundColor 
    = obj.style.backgroundColor;
            objbeforeItem 
    = obj;
            obj.style.backgroundColor 
    = "#B9D1F3";     
        }

        
    //        
     
        
    // 多选的全选与取消
        function checkJs(boolvalue)
        
    {
            
    if(document.all.checkboxname.length>1)
            
    {
                
    for(var i=0;i<document.all.checkboxname.length;i++)
                
    {
                    document.all.checkboxname[i].checked 
    = boolvalue;            
                }

            }

            
    else
                document.all.checkboxname.checked 
    = boolvalue;
        }

        
    //
        
        
    // 只有全部选中时“全选”选中
        function SingleCheckJs()
        
    {
            
    var flag1=false;
            
    var flag2=false;
            
            
    if (document.form1.checkboxname.length)
            
    {
                
    for (var i=0;i<document.form1.checkboxname.length;i++)
                
    {
                    
    if(document.form1.checkboxname[i].checked)
                        flag1 
    = true;
                    
    else
                        flag2 
    = true;
                }

            }

            
    else
            
    {
                
    if(document.form1.checkboxname.checked)
                    flag1 
    = true;
                
    else
                    flag2 
    = true;
            }

            
            
    if(flag1==true&&flag2==false)
                document.getElementById(
    "chk").checked = true;
            
    else
                document.getElementById(
    "chk").checked = false;
        }

        
    //
        
    </script>
    </head>
    <body>
        
    <form id="form1" runat="server">
            
    <div>
                
    <table cellpadding="0" cellspacing="0" border="0" width="80%" style="font-size: 11px">
                    
    <tr>
                        
    <td align="center">
                            
    <asp:GridView ID="GridView1" runat="server" Width="100%" CellPadding="4" ForeColor="#333333"
                                AutoGenerateColumns
    ="False" AllowPaging="True" PageSize="12" BorderColor="Silver"
                                BorderStyle
    ="Solid" BorderWidth="1px" OnRowDataBound="GridView1_RowDataBound"
                                ShowFooter
    ="True" EmptyDataText="没有数据记录!!" AllowSorting="True" OnSorting="GridView1_Sorting">
                                
    <Columns>
                                    
    <asp:BoundField HeaderText="编号" DataField="id" Visible="False" />
                                    
    <asp:TemplateField HeaderText="&lt;input type='checkbox' id='chk' name='chk' onclick='checkJs(this.checked);'  /&gt;全选" FooterText="全选">
                                        
    <ItemTemplate>
                                            
    <input type="checkbox" id="checkboxname" name="checkboxname" value='<%# DataBinder.Eval(Container.DataItem, "id")%>' onclick='SingleCheckJs();' />
                                        
    </ItemTemplate>
                                    
    </asp:TemplateField>
                                    
    <asp:TemplateField HeaderText="单选" FooterText="单选">
                                        
    <ItemTemplate>
                                            
    <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("id")%>' />
                                        
    </ItemTemplate>
                                    
    </asp:TemplateField>
                                    
    <asp:TemplateField HeaderText="自增列" FooterText="自增列">
                                        
    <ItemTemplate>
                                            
    <%# (Container.DataItemIndex+1).ToString()%>
                                        
    </ItemTemplate>
                                    
    </asp:TemplateField>
                                    
    <asp:BoundField HeaderText="姓名" FooterText="姓名" DataField="name" SortExpression="name" />
                                    
    <asp:BoundField HeaderText="身份证号" FooterText="身份证号" DataField="card" SortExpression="card" />
                                    
    <asp:BoundField HeaderText="价格" FooterText="价格" DataField="price" DataFormatString="{0:¥#,##0.00}"
                                        HtmlEncode
    ="False" SortExpression="price" />
                                    
    <asp:BoundField HeaderText="数字" FooterText="数字" DataField="price" DataFormatString="{0:0.00}"
                                        HtmlEncode
    ="False" SortExpression="price" />
                                    
    <asp:BoundField HeaderText="建立时间" FooterText="建立时间" DataField="createdate" DataFormatString="{0:yyyy年MM月dd日 hh时mm分ss秒}"
                                        HtmlEncode
    ="False" SortExpression="createdate" />
                                
    </Columns>
                                
    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                                
    <EditRowStyle BackColor="#999999" />
                                
    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                                
    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                                
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                                
    <PagerSettings Visible="False" />
                                
    <FooterStyle Font-Bold="True" />
                                
    <HeaderStyle Font-Bold="False" Font-Italic="False" />
                            
    </asp:GridView>
                        
    </td>
                    
    </tr>
                    
    <tr>
                        
    <td align="center" style="height: 25px">
                            
    <asp:LinkButton ID="btnFirst" CommandArgument="first" OnClick="PagerButtonClick"
                                runat
    ="server">首 页</asp:LinkButton>
                            
    <asp:LinkButton ID="btnPrev" CommandArgument="prev" OnClick="PagerButtonClick" runat="server">上一页</asp:LinkButton>
                            
    <asp:LinkButton ID="btnNext" CommandArgument="next" OnClick="PagerButtonClick" runat="server">下一页</asp:LinkButton>
                            
    <asp:LinkButton ID="btnLast" CommandArgument="last" OnClick="PagerButtonClick" runat="server">尾 页</asp:LinkButton>
                            
    <asp:Label ID="LblCurrentIndex" runat="server"></asp:Label>
                            
    <asp:Label ID="LblPageCount" runat="server"></asp:Label>
                            
    <asp:Label ID="LblRecordCount" runat="server"></asp:Label></td>
                    
    </tr>
                    
    <tr>
                        
    <td>
                            
    <asp:Button ID="Button2" runat="server" Text="checkbox得到选择的行" OnClick="Button2_Click">
                            
    </asp:Button>
                            
    <asp:Button ID="Button1" runat="server" Text="radio得到选择的行" OnClick="Button1_Click"></asp:Button>
                        
    </td>
                    
    </tr>
                
    </table>
            
    </div>
        
    </form>
    </body>
    </html>

         fenpage.aspx.cs的代码
    using System;
    using System.Data;
    using System.Configuration;
    using System.Collections;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using System.Data.SqlClient;

    public partial class gridview_fenpage : System.Web.UI.Page
    {
        
    protected void Page_Load(object sender, EventArgs e)
        
    {
            Button2.Attributes[
    "onclick"= "return slcNo_click();";
            GridViewBind(
    "");
        }


        
    private void GridViewBind(string Sqlsort)
        
    {
            
    string connStr = ConfigurationManager.ConnectionStrings["ConnString1"].ConnectionString;
            
    string SqlStr = "SELECT * FROM test01 where id<1000" + Sqlsort;
            DataSet ds 
    = new DataSet();
            
            
    try
            
    {
                SqlConnection conn 
    = new SqlConnection(connStr);
                
    if (conn.State.ToString() == "Closed") conn.Open();

                SqlDataAdapter da 
    = new SqlDataAdapter(SqlStr, conn);
                da.Fill(ds, 
    "test01");            
                
    if (conn.State.ToString() == "Open") conn.Close();

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

                LblCurrentIndex.Text 
    = "第 " + (GridView1.PageIndex + 1).ToString() + " 页";
                LblPageCount.Text 
    = "共 " + GridView1 .PageCount.ToString()+ " 页";
                LblRecordCount.Text 
    = "总共 "+ds.Tables[0].Rows.Count.ToString()+" 条";
                
    if (ds.Tables[0].Rows.Count == 0)
                
    {
                    btnFirst.Visible 
    = false;
                    btnPrev.Visible 
    = false;
                    btnNext.Visible 
    = false;
                    btnLast.Visible 
    = false;

                    LblCurrentIndex.Visible 
    = false;
                    LblPageCount.Visible 
    = false;
                    LblRecordCount.Visible 
    = false;
                }

                
    else if (GridView1.PageCount == 1)
                
    {
                    btnFirst.Visible 
    = false;
                    btnPrev.Visible 
    = false;
                    btnNext.Visible 
    = false;
                    btnLast.Visible 
    = false;
                }


                
    // 计算生成分页页码,分别为:"首 页" "上一页" "下一页" "尾 页"
                btnFirst.CommandName = "1";
                btnPrev.CommandName 
    = (GridView1.PageIndex == 0 ? "1" : GridView1.PageIndex.ToString());

                btnNext.CommandName 
    = (GridView1.PageCount == 1 ? GridView1.PageCount.ToString() : (GridView1.PageIndex + 2).ToString());
                btnLast.CommandName 
    = GridView1.PageCount.ToString();
                
    //
            }

            
    catch(Exception ex)
            
    {
                Response.Write(
    "数据库错误,错误原因:"+ex.Message);
                Response.End();
            }

        }

        
    protected void PagerButtonClick(object sender, EventArgs e)
        
    {
            GridView1.PageIndex 
    = Convert.ToInt32(((LinkButton)sender).CommandName)-1;
            GridViewBind(
    "");        
        }


        
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        
    {
            e.Row.Attributes[
    "onmouseover"= "ItemOver(this)";
        }


        
    protected void Button2_Click(object sender, EventArgs e)
        
    {
            
    string str=""
            
    string []ckb=null

            str
    =Request.Form.Get("checkboxname"); 
            ckb
    =str.Split(new char[]{','}); 

            Response.Write(
    "直接在页面中得到的值为:"+str+"<br>"); 

            Response.Write(
    "处理后存放在数组中,如下:<br>"); 
            
    for(int i=0;i<ckb.Length;i++
            

                Response.Write(
    "ckb["+i+"]的值为:"+ckb[i]+"<br>"); 
            }
     
        }

        
    protected void Button1_Click(object sender, EventArgs e)
        
    {
            Response.Write(Request.Form.Get(
    "RadioName"));
        }

        
    protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
        
    {
            
    string sql = "";

            
    if (ViewState["SortDirection"== null || ViewState["SortDirection"].ToString().CompareTo(""== 0)
            
    {
                ViewState[
    "SortDirection"= " desc";
            }

            
    else
                ViewState[
    "SortDirection"= "";

            sql 
    = " order by " + e.SortExpression + ViewState["SortDirection"];
            
            GridViewBind(sql);
        }

    }


        数据库中表的生成代码:
    CREATE TABLE [dbo].[test01] (
        
    [id] [decimal](180IDENTITY (11NOT NULL ,
        
    [name] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [card] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [createdate] [datetime] NULL 
    ON [PRIMARY]
    GO

    ALTER TABLE [dbo].[test01] ADD 
        
    CONSTRAINT [DF_test01_createdate] DEFAULT (getdate()) FOR [createdate],
        
    CONSTRAINT [PK_test01] PRIMARY KEY  CLUSTERED 
        (
            
    [id]
        )  
    ON [PRIMARY] 
    GO

  • 相关阅读:
    Atitit 得到mybatis 实际 sql 1.1. 使用mybatis工具提供的,只能出现问号一大堆不行 1 1.2. 配置log 打印sql依然不行,里面有问号。。 4 1.3. 配置p
    atitit 技术选型之道. attilax著 艾龙著 1. 标准 2 1.1. 符合趋势度 2 1.2. 简单易用 2 1.3. 文档丰富度 2 1.4. 下载便利性 2 1.5. 性能 2 1.
    Atitit 算法之道 attilax著 1. 编码算法 3 1.1. Base64 htmlencode urlencode 3 2. Ui方面的算法 3 2.1. 软键盘算法 计算软键盘上下
    Atitit attilax提出的软件开发发展趋势与概念 1. 长期化 复用化 跨平台 可移植性 1 2. 通用化 通用 化的渠道至少有3种 1 2.1. 模块化 1 2.2. 标准化接口 1 2
    Atitit java 原生 客户端 native desktop桌面 javafx 浏览器环境 导入jar jfxrt.jar 17M package com.attilax.ui;
    Atitit 并发技术的选项 attilax总结 艾龙 著 1. 三大并发模型 1 2. 从可读性考虑 优先使用 并行工作者 多线程模式,不要使用异步流水线模式 2 2.1. 多线程模式方便全局
    Atitit 物化视图与触发器性能测试方法 attilax总结 1.1. 触发器主要影响更新性能。。。 1 1.2. 临时打开关闭触发器,如果db不支持可以更改条件使其不触发 1 1.3. 打开定时
    Atitit.java线程池使用总结attilax 1.1. 动态更改线程数量 1 1.2. code 1 三、线程池的原理 其实线程池的原理很简单,类似于操作系统中的缓冲区的概念,它的流程如下
    Atitit 军事学 之 军事思想学与打猎学总结以及在软件行业中的应用 attilax著 1. 军事思想在软件行业技术开发中的想通之处 1 1.1. 软件开发本质上是一种作战,敌人是时间与费用成本
    Atitit 艺术与编程艺术 项目工程艺术 1. 艺术可以分为造型艺术、表演艺术、综合艺术和语言艺术四大类。 1 2. 造型艺术 10 2 2.1. (一) 绘画和雕塑  11 2 2.2. (二
  • 原文地址:https://www.cnblogs.com/weekzero/p/392188.html
Copyright © 2011-2022 走看看