GridView+Page(Gidview及分页)

1、js判断是否选择数据

<script language="javascript" type="text/javascript">

         function judgePass() {
             var checkNum = document.getElementById("<%=HiddenField1.ClientID %>").value;
             if (checkNum == "0" || checkNum == "") {
                 alert("请先选择要操作的数据!");
                 return false;
             }
             else {
                 return confirm('您确认此操作吗?');
             }
         }

    </script>

2、前台页面部分

<div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="updateSearch" UpdateMode="Conditional" runat="server">
        <ContentTemplate>        
        <table style="width: 100%; font-family: 宋体; font-size: medium; font-style: normal;
            border-collapse: collapse; z-index: 1;" border="1" bordercolor="#cccccc">
            <tr>
            <td>
            </td>
            </tr>
            <tr style="height: 30px;">
                <td align="center">
                    名称:&nbsp;&nbsp;<asp:TextBox ID="tbxContent" runat="server" Width="200px"></asp:TextBox>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:Button ID="btnSearch" runat="server" οnclick="btnSearch_Click" 
                        Text="搜 索" />
                </td>
            </tr>
            <tr style="height: 30px;">
                <td align="center" style="">
                    <asp:Label ID="lblMessage" runat="server"></asp:Label>
                </td>
            </tr>
            </table>
        </ContentTemplate>
        <Triggers></Triggers>
        </asp:UpdatePanel>
        <asp:UpdatePanel ID="UpdateNum" UpdateMode="Conditional" runat="server">
                <ContentTemplate>
                    <panel id="PanelNum" runat="server">
    <table>
    <tr>
    <td>    
   <asp:Label ID="Label1" runat="server" Font-Size="Small" Text=" 设置数据在本页显示数量:"></asp:Label><asp:TextBox ID="tbxNum" runat="server" Width="50px"></asp:TextBox>     
    <asp:Button ID="btnOk" runat="server" Text="确定" οnclick="btnOk_Click" />
   <asp:RegularExpressionValidator 
            ID="RegularExpressionValidator1" runat="server" Font-Size="Small" ForeColor="Red" 
            ErrorMessage="请输入大于0的整数" ControlToValidate="tbxNum" ValidationExpression="^[0-9]*[1-9][0-9]*$"></asp:RegularExpressionValidator> 
     </td>
     </tr>
     </table>          
    </panel>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="btnSearch" />                               
                </Triggers>
            </asp:UpdatePanel>
        <asp:UpdatePanel ID="UpdateGV" runat="server">
            <ContentTemplate>            
           <asp:GridView ID="gv" runat="server" Width="100%" Font-Size="Small" AutoGenerateColumns="False"
                    DataKeyNames="classifyID" AllowPaging="False" CellPadding="4"
                    ForeColor="#333333" GridLines="None">
                    <AlternatingRowStyle BackColor="White" />
                    <Columns>  
                    <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:CheckBox ID="CheckBoxAll" runat="server" Text="全选" AutoPostBack="true" OnCheckedChanged="CheckBoxAll_CheckedChanged" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" Name="CheckBox1" AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged"
                            runat="server"></asp:CheckBox>
                    </ItemTemplate>
                    <HeaderStyle Wrap="False" HorizontalAlign="left" VerticalAlign="Middle" Width="100px" />
                    <ItemStyle Wrap="false" HorizontalAlign="left" VerticalAlign="Middle" />
                </asp:TemplateField>             
                        <asp:TemplateField HeaderText="编号">
                            <ItemTemplate>
                                <%# Eval("rowIndex")%>
                            </ItemTemplate>
                            <HeaderStyle Wrap="False" HorizontalAlign="Center" VerticalAlign="Middle" Width="100px" />
                            <ItemStyle Wrap="false" HorizontalAlign="Center" VerticalAlign="Middle" />
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="名称">
                            <ItemTemplate>
                              <%# Eval("classifyName")%>
                            </ItemTemplate>
                            <HeaderStyle Wrap="False" HorizontalAlign="Center" VerticalAlign="Middle" />
                            <ItemStyle Wrap="false" HorizontalAlign="Center" VerticalAlign="Middle" />
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="父名称">
                            <ItemTemplate>
                               <%# getClassByOne(Convert.ToInt32(Eval("classOne")),Convert.ToInt32(Eval("classTwo")),Convert.ToInt32(Eval("classThree")))%>
                            </ItemTemplate>
                            <HeaderStyle Wrap="False" HorizontalAlign="Center" VerticalAlign="Middle" />
                            <ItemStyle Wrap="false" HorizontalAlign="Center" VerticalAlign="Middle" />
                        </asp:TemplateField>
                        <asp:HyperLinkField Target="_blank" DataNavigateUrlFields="classifyID" DataNavigateUrlFormatString="~/admin/sort_editFrm.aspx?id={0}"
                    Text=" 修改" HeaderStyle-Width="50px" /> 
                      <%--  <asp:HyperLinkField Target="_blank" DataNavigateUrlFields="classifyID" DataNavigateUrlFormatString="~/admin/sort_DtsFrm.aspx?id={0}"
                    Text=" 详细" HeaderStyle-Width="50px" /> --%>                         
                    </Columns>
                    <EditRowStyle BackColor="#2461BF" />
                    <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                    <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                    <PagerSettings Visible="False" />
                    <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                    <RowStyle BackColor="#EFF3FB" />
                    <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                    <SortedAscendingCellStyle BackColor="#F5F7FB" />
                    <SortedAscendingHeaderStyle BackColor="#6D95E1" />
                    <SortedDescendingCellStyle BackColor="#E9EBEF" />
                    <SortedDescendingHeaderStyle BackColor="#4870BE" />
                </asp:GridView> 
                    <panel id="PanelPage" runat="Server">         
                    <table style="width: 100%; font-family: 宋体; font-size: small; font-style: normal;border-collapse: collapse" 
                border="1" bordercolor="#cccccc">
         <tr>
           <td align="center" style="height: 50px">
           <asp:LinkButton ID="btnFirst" CommandArgument="first" OnClick="PagerButtonClick" 
                   runat="server" Font-Size="Small" >首 页</asp:LinkButton>
            <asp:LinkButton ID="btnPrev" CommandArgument="prev" OnClick="PagerButtonClick" 
                   runat="server" Font-Size="Small">上一页</asp:LinkButton>
            <asp:LinkButton ID="btnNext" CommandArgument="next" OnClick="PagerButtonClick" 
                   runat="server" Font-Size="Small">下一页</asp:LinkButton>
            <asp:LinkButton ID="btnLast" CommandArgument="last" OnClick="PagerButtonClick" 
                   runat="server" Font-Size="Small">尾 页</asp:LinkButton>
            <asp:Label ID="LblCurrentIndex" runat="server" Font-Size="Small"></asp:Label>
            <asp:Label ID="LblPageCount" runat="server" Font-Size="Small"></asp:Label>
            <asp:Label ID="LblRecordCount" runat="server" Font-Size="Small"></asp:Label>
            &nbsp;&nbsp;&nbsp;&nbsp; 跳转到: 
            <asp:DropDownList ID="pageDropDownList" runat="server" 
                   OnSelectedIndexChanged="pageDropDownList_SelectedIndexChanged" 
                   AutoPostBack="True"></asp:DropDownList>               
             </td>
          </tr>    
                        <tr>
                            <td align="center" style="height: 50px">
                            <asp:HiddenField ID="HiddenField1" runat="server"></asp:HiddenField>
                                <asp:Button ID="btnDel" runat="server" Text="删  除" OnClientClick="return judgePass()" οnclick="btnDel_Click"></asp:Button>
                            </td>
                        </tr>
         </table>  
                    </panel>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="btnSearch" />
                    <asp:AsyncPostBackTrigger ControlID="btnOk" />
                </Triggers>
            </asp:UpdatePanel>
    </div>
    </div>


3、后台页面处理


protected int Page_Index  //第几页
    {
        get { return ViewState["PageIndex"] == null ? 1 : (int)ViewState["PageIndex"]; }
        set { ViewState["PageIndex"] = value; }
    }
    protected int Page_Count  //每页数量
    {
        get { return ViewState["PageCount"] == null ? 10 : (int)ViewState["PageCount"]; }
        set { ViewState["PageCount"] = value; }
    }
    int checkNum;


protected void Bind()
    {
        string name = tbxContent.Text.Trim();
        DataTable dt = getByPage(Page_Count,Page_Index,name,"");
        int countSum = getSum(name,"");
        gv.DataSource = dt;
        gv.DataBind();
        BindToPage(countSum,Page_Count,Page_Index);
    }

protected void BindToPage(int count, int pageNum, int pageIndex)
    {
        btnFirst.Enabled = true;
        btnPrev.Enabled = true;
        btnNext.Enabled = true;
        btnLast.Enabled = true;
        int pageSum = count % pageNum == 0 ? count / pageNum : count / pageNum + 1; //计算总页数
        LblCurrentIndex.Text = "第 " + pageIndex + "/" + pageSum + " 页";
        LblPageCount.Text = "共 " + pageSum + " 页";
        LblRecordCount.Text = "总共 " + count + " 条";
        if (pageSum == 1)
        {
            btnFirst.Enabled = false;
            btnPrev.Enabled = false;
            btnNext.Enabled = false;
            btnLast.Enabled = false;
        }
        else
        {
            if (pageIndex - 1 == 0)
            {
                btnFirst.Enabled = false;
                btnPrev.Enabled = false;
                btnNext.Enabled = true;
                btnLast.Enabled = true;
            }
            else if (pageIndex == pageSum)
            {
                btnFirst.Enabled = true;
                btnPrev.Enabled = true;
                btnNext.Enabled = false;
                btnLast.Enabled = false;
            }
        }
        pageDropDownList.Items.Clear();
        for (int i = 1; i < pageSum + 1; i++)
        {
            //ListItem item = new ListItem(i.ToString(), i.ToString());
            pageDropDownList.Items.Add(i.ToString());
        }
        pageDropDownList.SelectedValue = Convert.ToString(pageIndex);
        // 计算生成分页页码,分别为:"首 页" "上一页" "下一页" "尾 页"
        btnFirst.CommandName = "1";
        btnPrev.CommandName = (pageIndex == 1 ? "1" : (pageIndex - 1).ToString());


        btnNext.CommandName = (pageSum == 1 ? pageSum.ToString() : (pageIndex + 1).ToString());
        btnLast.CommandName = pageSum.ToString();
        if (count == 0)
        {
            PanelPage.Visible = false;
            lblMessage.Text = "暂无相关数据......";
            PanelNum.Visible = false;
        }
        else
        {
            PanelPage.Visible = true;
            lblMessage.Text = "";
            PanelNum.Visible = true;
        }
    }



protected void PagerButtonClick(object sender, EventArgs e)
    {
        Page_Index = Convert.ToInt32(((LinkButton)sender).CommandName);
        Bind();
    }
    //跳转页
    protected void pageDropDownList_SelectedIndexChanged(object sender, EventArgs e)
    {
        Page_Index = Convert.ToInt32(pageDropDownList.SelectedValue);
        Bind();
    }
    protected void btnOk_Click(object sender, EventArgs e)
    {
        if (tbxNum.Text.Trim() != "")
        {
            Page_Count = Convert.ToInt32(tbxNum.Text.Trim());
            Page_Index = 1;
        }
        Bind();
        tbxNum.Text = "";
    }
    protected void CheckBoxAll_CheckedChanged(object sender, EventArgs e)
    {
        checkNum = 0;
        CheckBox CheckBoxAll = (CheckBox)gv.HeaderRow.FindControl("CheckBoxAll");
        bool boolCheckAll = CheckBoxAll.Checked;
        for (int i = 0; i < gv.Rows.Count; i++)
        {
            CheckBox chk = (CheckBox)gv.Rows[i].FindControl("CheckBox1");
            chk.Checked = boolCheckAll;
            if (chk.Checked)
            {
                checkNum = checkNum + 1;
            }
        }
        HiddenField1.Value = checkNum.ToString();
    }
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        checkNum = 0;
        CheckBox CheckBoxAll = (CheckBox)gv.HeaderRow.FindControl("CheckBoxAll");
        bool flag1 = true;
        for (int i = 0; i < gv.Rows.Count; i++)
        {
            CheckBox chk = (CheckBox)gv.Rows[i].FindControl("CheckBox1");
            if (!chk.Checked)
            {
                flag1 = false;
            }
            if (chk.Checked)
            {
                checkNum = checkNum + 1;
            }
        }
        if (flag1)
        {
            CheckBoxAll.Checked = true;
        }
        else
        {
            CheckBoxAll.Checked = false;
        }
        HiddenField1.Value = checkNum.ToString();
    }


protected void btnSearch_Click(object sender, EventArgs e)
    {
        Page_Index = 1;
        Bind();
    }

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、付费专栏及课程。

余额充值