简单的asp.net gridview模板

本文介绍了如何在ASP.NET中使用GridView控件进行数据展示,并实现了分页和全选功能。通过自定义PagerTemplate实现动态分页,同时提供JS实现的全选/反选功能,提高用户体验。
摘要由CSDN通过智能技术生成

在项目中,经常会用到表格展示数据的地方,包含分页。

在asp.net 中我们经常用的表格就是GridView控件。以下介绍此控件的一般用法。

代码如下:首先是HTML 前台代码。

HTML:

<div style="overflow-x:scroll; overflow-y:auto;">

            <asp:GridView ID="gvList" runat="server"
                AllowPaging="True"
                AutoGenerateColumns="False"
                onrowcancelingedit="gvList_RowCancelingEdit"
                onrowediting="gvList_RowEditing" onrowupdated="gvList_RowUpdated"
                onrowupdating="gvList_RowUpdating" >
                <Columns>
                    <asp:TemplateField HeaderStyle-CssClass="chkCell" ItemStyle-CssClass="chkCell">
                        <HeaderTemplate>
                            <input type="checkbox" id="chkBoxAll" runat="server" οnclick="OnSelectAll(this);" title="全选|全清" />
                        </HeaderTemplate>
                        <ItemTemplate>
                            <input type="checkbox" id="chkSelect" runat="server" class="chkBox" οnclick="ChkItemSelect(this)" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField HeaderText="FieldName" DataField="" ReadOnly="true"/>
                    <asp:CommandField ButtonType="Link" EditText="edit" ShowEditButton="true"
                        CancelText="cancel" UpdateText="update" />
                </Columns>
                <PagerTemplate>
                    Page&nbsp;<asp:Label ID="lblPageIndex" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>'></asp:Label>
                    &nbsp;of&nbsp;<asp:Label ID="lblPageCount" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageCount %>'></asp:Label>&nbsp;
                    <asp:LinkButton ID="btnFirst" runat="server" CausesValidation="False" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=0 %>"
                        CommandName="Page" Text="First" CommandArgument="first" OnClick="BtnChangePage_Click">       
                    </asp:LinkButton>
                    <asp:LinkButton ID="btnPrev" runat="server" CausesValidation="False" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex!=0 %>"
                        CommandName="Page" Text&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值