gridview分页显示_html分页显示数据

gridview分页显示_html分页显示数据首先把CSS样式代码粘贴过来:.gv{   border:1pxsolid#D7D7D7;   font-size:12px;   text-align:center;}.gvHeader{   color:#3F6293;   background-color:#F7F7F7;   height:24px;   line-height:24px;   tex

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

首先把CSS样式代码粘贴过来:

.gv
{

    border: 1px solid #D7D7D7;
    font-size:12px;
    text-align:center;
}
.gvHeader
{

    color: #3F6293;
    background-color: #F7F7F7;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    font-variant: normal;
}
.gvHeader th
{

    font-weight: normal;
    font-variant: normal;
}
.gvRow, .gvAlternatingRow, .gvEditRow
{

    line-height: 20px;
    text-align: center;
    padding: 2px;
    height: 20px;
}
.gvAlternatingRow
{

    background-color: #F5FBFF;
}
.gvEditRow
{

    background-color: #FAF9DD;
}
.gvEditRow input
{

    background-color: #FFFFFF;
    width: 80px;
}
.gvEditRow .gvOrderId input, .gvEditRow .gvOrderId
{

    width: 30px;
}
.gvEditRow .checkBox input, .gvEditRow .checkBox
{

    width: auto;
}
.gvCommandField
{

    text-align: center;
    width: 130px;
}

.gvLeftField
{

    text-align: left;
    padding-left: 10px;
}
.gvBtAField
{

    text-align: center;
    width: 130px;
}
.gvCommandField input
{

    background-image: url(../Images/gvCommandFieldABg.jpg);
    background-repeat: no-repeat;
    line-height: 23px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 50px;
    height: 23px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 10px;
}
.gvPage
{

    padding-left: 15px;
    font-size: 18px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}
.gvPage a
{

    display: block;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: normal;
}
.gvPage a:hover
{

    display: block;
    text-decoration: none;
    border: 1px solid #CCCCCC;
}

根据上面列出的CSS样式样式名称,将他们分别加入网页GridView的不同标记中,举例如下:

<RowStyle BackColor=”#E7E7FF” ForeColor=”#4A3C8C” CssClass=”gvRow” />
<HeaderStyle BackColor=”#4A3C8C” Font-Bold=”True” ForeColor=”#F7F7F7″ CssClass=”gvHeader” />
<AlternatingRowStyle BackColor=”#F7F7F7″ CssClass=”gvAlternatingRow” />

使用改样时候的gridView效果如下所示:

gridview分页显示_html分页显示数据

 

其中gridview下方的换页代码为:

<PagerTemplate>
    <table width=”100%” style=”font-size:12px;”>
        <tr>
        <td style=”text-align: right”>
            第<asp:Label ID=”lblPageIndex” runat=”server” Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>’></asp:Label>页
            /共<asp:Label ID=”lblPageCount” runat=”server” Text='<%# ((GridView)Container.Parent.Parent).PageCount %>’></asp:Label>页&nbsp;&nbsp;
            <asp:LinkButton ID=”btnFirst” runat=”server” CausesValidation=”False”
                CommandName=”Page” Text=”首页” CommandArgument=”first” OnClick=”btnFirst_Click”>
            </asp:LinkButton>
            <asp:LinkButton ID=”btnPrev” runat=”server” CausesValidation=”False”
                CommandName=”Page” Text=”上一页” CommandArgument=”prev” οnclick=”btnFirst_Click”>
            </asp:LinkButton>
            <asp:LinkButton ID=”btnNext” runat=”server” CausesValidation=”False”
                CommandName=”Page” Text=”下一页” CommandArgument=”next” OnClick=”btnFirst_Click”>
            </asp:LinkButton>
            <asp:LinkButton ID=”btnLast” runat=”server” CausesValidation=”False”
                CommandName=”Page” Text=”尾页” CommandArgument=”last” OnClick=”btnFirst_Click”>
            </asp:LinkButton>
            <asp:TextBox ID=”txtNewPageIndex” runat=”server” Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>’
                Width=”20px” AutoPostBack=”True” 
                ontextchanged=”txtNewPageIndex_TextChanged”></asp:TextBox>
            <asp:LinkButton ID=”btnGo” runat=”server” CausesValidation=”False” CommandArgument=”go”
                CommandName=”Page” Text=”GO” OnClick=”btnFirst_Click”></asp:LinkButton>
        </td>
        </tr>
    </table>
</PagerTemplate>

方法btnFirst_Click的定义如下所示:

protected void btnFirst_Click(object sender, EventArgs e)
{

    switch (((LinkButton)sender).CommandArgument.ToString())
    {

        case “first”:
            GridViewAmusement.PageIndex = 0;
            break;
        case “last”:
            GridViewAmusement.PageIndex = GridViewAmusement.PageCount – 1;
            break;
        case “prev”:
            GridViewAmusement.PageIndex = GridViewAmusement.PageIndex – 1;
            break;
        case “next”:
            GridViewAmusement.PageIndex = GridViewAmusement.PageIndex + 1;
            break;
        case “go”:
            {

                GridViewRow gvr = GridViewAmusement.BottomPagerRow;
                TextBox temp = (TextBox)gvr.FindControl(“txtNewPageIndex”);
                int res = Convert.ToInt32(temp.Text.ToString());
                GridViewAmusement.PageIndex = res – 1;
            }
            break;
    }
    BindData();//根据需要重新绑定数据源至GridView控件。
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193349.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 戴尔笔记本win8.1+UEFI下安装Ubuntu14.04过程记录

    戴尔笔记本win8.1+UEFI下安装Ubuntu14.04过程记录

    2021年11月23日
  • html5 a标签去下划线,css中如何去掉a标签的下划线?[通俗易懂]

    html5 a标签去下划线,css中如何去掉a标签的下划线?[通俗易懂]我们在HTML网页制作过程中,相信大家对css文本超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。那么有的新手可能就会发现,在使用a标签时文本超链接会自动出现下划线!从视觉美观上来说枯燥单调的文本超链接显示显然并不好看。那么该如何去掉a标签的下划线呢?下面我们来看一下css去掉a标签下划线的方法。本篇文章就给大家详细讲讲怎么去掉css…

  • 运行时错误10048,地址已在使用_winerror193不是有效的

    运行时错误10048,地址已在使用_winerror193不是有效的图片就不放了,这个问题你肯定在代码中用到了**IP地址和端口**,如果没有请绕过。这时你主要找准自己的IP和端口替换上去就行。查找自己电脑IP和端口的方法:**第一步:Win+R****第二步:输入:cmd然后点击确定(Enter)进入****第三步:输入:ipconfig然后Enter**如图就是你的IP。第四步:输入:netstat然后Ente…

  • 与一对加拿大华人夫妇的故事

    与一对加拿大华人夫妇的故事

  • linux修改用户名的命令_linux修改用户名和密码

    linux修改用户名的命令_linux修改用户名和密码centos7修改已存在用户的用户名目标:将centos用户更名为laizili第一步:登出要修改用户名的用户(没有注销登录的用户无法修改)第二步:以root身份登录终端;进行如下操作:vim/etc/passwd…

  • pycharm怎么配置python环境anaconda_pycharm环境变量配置Anaconda

    pycharm怎么配置python环境anaconda_pycharm环境变量配置AnacondaPyCharm是一款很好用很流行的python编辑器。Anaconda是专注于数据分析的Python发行版本,包含了conda、Python等190多个科学包及其依赖项。Anaconda通过管理工具包、开发环境、Python版本,大大简化了你的工作流程。不仅可以方便地安装、更新、卸载工具包,而且安装时能自动安装相应的依赖包,同时还能使用不同的虚拟环境隔离不同要求的项目。anaconda自带集成开发…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号