GridView分页

方法一:

前台页面:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td align="center" colspan="3" width="100%" style="height: 24px">
            <asp:Label ID="lbl1" runat="server" Text="[每页"></asp:Label><asp:Label ID="lblPageSize"
                runat="server"></asp:Label><asp:Label ID="lblSize" runat="server" Text="条,"></asp:Label><asp:Label
                    ID="lblCurrentCount" runat="server" Text="]"></asp:Label>
             <asp:LinkButton ID="lbtnFirst" runat="server" OnClick="lbtnFirst_Click" CausesValidation="False">
                <asp:Label ID="lblFirst" runat="server" Text="第一页"></asp:Label></asp:LinkButton>
            <asp:LinkButton ID="lbtnPrev" runat="server" OnClick="lbtnPrev_Click" CausesValidation="False">
                <asp:Label ID="lblprevious" runat="server" Text="上一页"></asp:Label></asp:LinkButton>
            <asp:LinkButton ID="lbtnNext" runat="server" OnClick="lbtnNext_Click" CausesValidation="False">
                <asp:Label ID="lblNext" runat="server" Text="下一页"></asp:Label></asp:LinkButton>
            <asp:LinkButton ID="lbtnEnd" runat="server" OnClick="lbtnEnd_Click" CausesValidation="False">
                <asp:Label ID="lblLast" runat="server" Text="最后一页"></asp:Label></asp:LinkButton>
            <asp:Label ID="lblGo" runat="server" Text="跳转到第" Font-Names="幼圆"></asp:Label><asp:DropDownList
                ID="drplGo" runat="server" AutoPostBack="True" OnSelectedIndexChanged="drplGo_SelectedIndexChanged">
            </asp:DropDownList>
            <asp:Label ID="lbl2" runat="server" Text="页" Font-Names="幼圆"></asp:Label>
        </td>
    </tr>
</table>

后台:

   private GridView gridView1 = new GridView();
        public GridView GridView_Pager
        {
            get { return gridView1; }
            set { gridView1 = value; }
        }
        private int intPageSize;    //每页行数
        private int intPageIndex;   //当前页
        private int intPageCount;   //总页数


        protected void Page_Load(object sender, EventArgs e)
        {
            this.lblLast.Text = "最后一页";
            this.lblNext.Text = "下一页";
            this.lblprevious.Text = "上一页";
            this.lblFirst.Text = "第一页";
            this.lblSize.Text = "条,";
            this.lbl2.Text = "页";
            this.lbl1.Text = "每页";
            this.lblGo.Text = "跳转至第";

            if (IsPostBack)
            {
                PagerMessage();
            }
            else
            {
                SetMessage();
                RefreshMessage();
            }
        }
        //刷新
        public void RefreshMessage()
        {
            gridView1.PageIndex = 0;
            PagerMessage();
            //PagerFreshCheck();2006-06-20
            //drop down list
            //清除下拉菜单的页码
            drplGo.Items.Clear();
            for (int i = 1; i < intPageCount + 1; i++)
            {
                drplGo.Items.Add(i.ToString());
            }
            drplGo.DataBind();
            if (drplGo.Items.Count > 0)
            {
                drplGo.SelectedIndex = 0;
            }
            //gridView1.DataBind();
        }
        //获得页数信息
        private void PagerMessage()
        {
            //read value from gridview
            //总页数
            intPageCount = gridView1.PageCount;
            if (intPageCount == 0 && gridView1.Rows.Count != 0)
            {
                intPageCount = 1;
            }
            intPageSize = gridView1.PageSize;
            //获得当前页
            intPageIndex = gridView1.PageIndex;
            //set lable value
            lblPageSize.Text = intPageSize.ToString().Trim();
            if (intPageCount == 0)
            {
                lblCurrentCount.Text = "0/0";
            }
            else
            {
                lblCurrentCount.Text = ((int)(intPageIndex + 1)).ToString().Trim() + "/" + intPageCount.ToString().Trim();
            }
        }

        private void SetMessage()
        {
            PagerMessage();
            try
            {
                drplGo.SelectedIndex = intPageIndex;
            }
            catch { }
        }

        /// <summary>
        /// 判断是否为第一页或者最后一页并屏蔽相应的翻页Button
        /// </summary>
        private void PagerFreshCheck()
        {
            if (intPageIndex == 0)
            {
                lbtnFirst.Enabled = false;
                lbtnPrev.Enabled = false;
            }
            else
            {
                lbtnFirst.Enabled = true;
                lbtnPrev.Enabled = true;
            }
            if (intPageIndex == intPageCount - 1)
            {
                lbtnNext.Enabled = false;
                lbtnEnd.Enabled = false;
            }
            else
            {
                lbtnNext.Enabled = true;
                lbtnEnd.Enabled = true;
            }
        }

        protected void lbtnNext_Click(object sender, EventArgs e)
        {
            //下一页

            if (intPageIndex < intPageCount - 1)
            {
                gridView1.PageIndex = gridView1.PageIndex + 1;
                gridView1.DataBind();
                SetMessage();
            }
        }
        protected void lbtnPrev_Click(object sender, EventArgs e)
        {
            //上一页

            if (intPageIndex > 0)
            {
                gridView1.PageIndex = gridView1.PageIndex - 1;
                gridView1.DataBind();
                SetMessage();
            }
        }
        protected void lbtnFirst_Click(object sender, EventArgs e)
        {
            //第一页

            if (intPageIndex > 0)
            {
                gridView1.PageIndex = 0;
                gridView1.DataBind();
                SetMessage();
            }
        }
        protected void lbtnEnd_Click(object sender, EventArgs e)
        {
            //最后一页

            if (intPageIndex < intPageCount - 1)
            {
                gridView1.PageIndex = intPageCount - 1;
                gridView1.DataBind();
                SetMessage();
            }
        }
        protected void drplGo_SelectedIndexChanged(object sender, EventArgs e)
        {
            //GO
            int intIndex = drplGo.SelectedIndex;
            if (intPageIndex != intIndex)
            {
                gridView1.PageIndex = intIndex;
                gridView1.DataBind();
                SetMessage();
            }
        }


方法二:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" AllowPaging="true"
            Font-Names="宋体" ondatabound="GridView1_DataBound"  Width="70%"
            >
            <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
            <Columns>
                <asp:BoundField DataField="PagingId" HeaderText="编号" />
                <asp:HyperLinkField DataNavigateUrlFields="PagingId" DataNavigateUrlFormatString="~/Jump.aspx?id={0}"
                    DataTextField="PagingName" HeaderText="名字" FooterStyle-Font-Underline="false"
                    ControlStyle-CssClass="text" />
                <asp:BoundField DataField="PagingContent" HeaderText="内容" />
            </Columns>
                        <PagerTemplate>
                            <table style="width: 90%">
                                <tr>
                                    <td align="center" colspan="3">
                                        [每页<asp:Label ID="lblPageSize" runat="server" Text="<%# GridView1.PageSize %>"></asp:Label>条,
                                        <asp:Label ID="lblCurrentCount" runat="server" Text="<%# (int)(GridView1.PageIndex+1) %>"></asp:Label>/
                                        <asp:Label ID="lblPageCount" runat="server" Text="<%# GridView1.PageCount %>"></asp:Label>]
                                        <asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="False" OnClick="lbtnFirst_Click"
                                            Text="第一页" CssClass="text"></asp:LinkButton>
                                        <asp:LinkButton ID="lbtnPrev" runat="server" CausesValidation="False" OnClick="lbtnPrev_Click" CssClass="text">上一页</asp:LinkButton>
                                        <asp:LinkButton ID="lbtnNext" runat="server" CausesValidation="False" OnClick="lbtnNext_Click" CssClass="text">下一页</asp:LinkButton>
                                        <asp:LinkButton ID="lbtnEnd" runat="server" CausesValidation="False" OnClick="lbtnEnd_Click" CssClass="text">最后一页</asp:LinkButton>
                                        跳转到第<asp:DropDownList ID="drplGo" runat="server" AutoPostBack="True" OnSelectedIndexChanged="drplGo_SelectedIndexChanged">
                                        </asp:DropDownList>页
                                    </td>
                                </tr>
                            </table>
                        </PagerTemplate>
        </asp:GridView>


后台:

     protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                data_bind();
            }    
        }
        public void data_bind()
        {
            this.GridView1.DataSource = Bind();
            this.GridView1.DataBind();
        }
        public DataTable Bind()
        {
            SqlConnection conn = new SqlConnection("server=.;database=Example;uid=sa;pwd=8959288;");
            DataTable dt = new DataTable();
            string sql = "select * from Paging";
            SqlDataAdapter da = new SqlDataAdapter(sql,conn);
            da.Fill(dt);
            return dt;
        }
        protected void lbtnFirst_Click(object sender, EventArgs e)
        {
            GridView1.EditIndex = -1;
            GridView1.PageIndex = 0;
            data_bind();
        }
        protected void lbtnPrev_Click(object sender, EventArgs e)
        {
            GridView1.EditIndex = -1;
            if (GridView1.PageIndex > 0)
            {
                GridView1.PageIndex--;
                data_bind();
            }
            else
            {
                data_bind();
            }
        }
        protected void lbtnNext_Click(object sender, EventArgs e)
        {
            GridView1.EditIndex = -1;
            GridView1.PageIndex++;
            data_bind();
        }
        protected void lbtnEnd_Click(object sender, EventArgs e)
        {
            GridView1.EditIndex = -1;
            GridView1.PageIndex = GridView1.PageCount - 1;
            data_bind();
        }
        protected void drplGo_SelectedIndexChanged(object sender, EventArgs e)
        {
            GridView1.EditIndex = -1;
            GridViewRow pagerRow = GridView1.BottomPagerRow;
            DropDownList pageList = (DropDownList)pagerRow.Cells[0].FindControl("drplGo");
            GridView1.PageIndex = pageList.SelectedIndex;
            data_bind();
           
        }
        protected void GridView1_DataBound(object sender, EventArgs e)
        {
            GridViewRow pagerRow = GridView1.BottomPagerRow;
            if (GridView1.Rows.Count > 0)
            {
                //翻页找出最多页
                DropDownList pageList = (DropDownList)pagerRow.Cells[0].FindControl("drplGo");
                if (pageList != null)
                {
                    for (int i = 0; i < GridView1.PageCount; i++)
                    {
                        int pageNumber = i + 1;
                        ListItem item = new ListItem(pageNumber.ToString());
                        if (i == GridView1.PageIndex)
                        {
                            item.Selected = true;
                        }
                        pageList.Items.Add(item);
                    }
                }
            }
        }



 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PageGridViewViewPager GridView组合控件实现网格布局分页效果大多数app首页界面一般貌似可以滑动切换上下页的网格布局,这种效果用得挺多,可惜Android原生是没有这样的控件的。在工作中,我也用到过几次。但每次实现都是按ctrl A C V,代码写得也不优雅,就是再次重新复制粘贴,也避免不了看上几眼,修改修改,特别不爽快。每次吐槽的同时在想,下次我要再用到这种效果,我就将这些代码关进小黑屋。拒绝再写重复代码,虽然大多数只是按ctrl A C V。这次,我终于要将自己吐槽时的想法付之行动的。再写之前,为了避免重复造轮子。在网上搜了好多次,嗯,没有意外,我还是没有发现到惊喜。那就开始行动了。这种效果用ViewPager GridView实现,那我就叫它PageGridView吧(其实名字我也想了好久)有用的话,star一下也是不错的!!!PageGridView 特点可自由定制Item布局无需写adapter适配器,直接调用setData()方法填充数据只需实体类继承ItemModel即可可显示本地图、网络图、资源ID图标,由开发者实现动态计算PageGridView高度,不需要在布局里面写固定高度可重复setData()方法刷新数据PageGridView自定义属性属性名说明默认值pageSize每页大小8numColumns列数4isShowIndicator是否显示指示器trueselectedIndicator选中指示点资源IDR.mipmap.ic_dot_selectedunSelectedIndicator未选中指示点资源IDR.mipmap.ic_dot_normalindicatorGravity指示器位置centerindicatorPaddingLeft指示器左内边距0pxindicatorPaddingRight指示器右内边距0pxindicatorPaddingTop指示器上内边距0pxindicatorPaddingBottom指示器下内边距0pxindicatorPadding指示器内边距0pxindicatorBackground指示器背景颜色Color.WHITEitemViewItem布局R.layout.item_view约定规则Item布局必须给定具体高度,默认itemView布局的高度为@dimen/item_height=80dpItem布局 TextView的id 为R.id.tv_item_nameItem布局 ImageView的id 为R.id.iv_item_iconItem默认点击效果R.drawable.selector_item_view_bgItem点击颜色值:R.color.item_view_selected_colorItem背景颜色值:R.color.item_view_normal_color一行四列效果图两行四列效果图自定义Item布局效果图PageGridView使用Gradle 依赖库implementation 'com.wihaohao:PageGridView:1.0.1'默认布局一般默认参数即可满足需求<com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           />一行4列的布局  <com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           app:numColumns="4"           app:pageSize="4"           app:selectedIndicator="@mipmap/ic_dot_selected"           app:unSelectedIndicator="@mipmap/ic_dot_normal"           app:isShowIndicator="true"           />两行4列的布局    <com.wihaohao.PageGridView         android:id="@ id/vp_grid_view"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorPadding="10dp"         app:isShowIndicator="true"         app:itemView="@layout/my_item_view"         app:numColumns="4"         app:pageSize="8"         app:selectedIndicator="@mipmap/ic_dot_selected"         app:unSelectedIndicator="@mipmap/ic_dot_normal" />自定义Item布局 <com.wihaohao.PageGridView                 android:id="@ id/p_grid_view2"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorGravity="right"         app:indicatorPaddingRight="@dimen/padding_10"         app:isShowIndicator="true"         app:itemView="@layout/item_custom"         app:indicatorBackground="@color/colorPrimary"         app:numColumns="5"         app:pageSize="5"/>ItemModelpublic abstract static class ItemModel {                 /**                  * 返回item名字                  *                  * @return                  */         protected abstract String getItemName();         /**                  * 设置图标                  *                  * @param imageView         */         protected abstract void setIcon(ImageView imageView);          /**                  * 特殊需求,重写该方法,设置item                  *                  * @param itemView                  */         protected void setItemView(View itemView) {         }     }Model继承VpGridView.ItemModel 为item赋值和设置图标public abstract static class ItemModel {                 /**                  * 返回item名字                  *                  * @return         */         protected abstract String getItemName();                 /**                  * 设置图标                  *                  * @param imageView                  */         protected abstract void setIcon(ImageView imageView);                 /**                  * 特殊需求,重写该方法,设置item                  *                  * @param itemView                  */         protected void setItemView(View itemView) {         }     }继承VpGridView.ItemModel 设置ItemViewpublic class MyIconModel extends PageGridView.ItemModel {     private String name;         private int iconId;         public String getName() {             return name;     }         public void setName(String name) {             this.name = name;     }         public int getIconId() {             return iconId;     }         public void setIconId(int iconId) {             this.iconId = iconId;     }         public MyIconModel(String name, int iconId) {             this.name = name;             this.iconId = iconId;     }         @Override     protected String getItemName() {             return name;     }         @Override     protected void setIcon(ImageView imageView) {         imageView.setImageResource(iconId);     } }PageGridView的使用public class MainActivity extends AppCompatActivity {     List<MyIconModel> mList;         List<CustomModel> mList2;         private PageGridView<MyIconModel> mPageGridView;         private PageGridView<CustomModel> mPageGridView2;         @Override     protected void onCreate(Bundle savedInstanceState) {                 super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         mPageGridView =findViewById(R.id.vp_grid_view);         initData();         mPageGridView.setData(mList);         mPageGridView.setOnItemClickListener(new PageGridView.OnItemClickListener() {            @Override             public void onItemClick(int position) {                Toast.makeText(MainActivity.this,position "",Toast.LENGTH_SHORT).show();             }         });        //自定义item         mPageGridView2=findViewById(R.id.p_grid_view2);         mPageGridView2.setData(mList2);     }         private void initData() {         mList=new ArrayList<>();         mList2=new ArrayList<>();                 for(int i=0;i<30;i ){             mList.add(new MyIconModel("测试" i,R.mipmap.ic_launcher));             mList2.add(new CustomModel("标题" i));         }     } }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值