C# - 组件化分页

前端代码

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Comp_Paging.ascx.cs" Inherits="Inc_Comp_Comp_Paging" %>

<style type="text/css">
    #Page_Tale {
        margin: 20px auto;
    }
</style>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="Page_Tale">
    <tr>
        <td align="center">
            每页
            <%=this.PageSize%>条&nbsp;&nbsp;共
            <%=this.RecordCount%>条
            <%=this.PageCount%>页&nbsp;&nbsp;
            <span CY_Hover="1">

                <span class="cy_Link1" CY_HoverClass="cy_Link1_ove" <% if(PageIndex == 0){ %>  style="color:#ccc;" disabled="disabled"  <%} else{ %>onclick="<%=this.PagingJaveScript %>(‘0‘)" <% } %>>
                        首页
                </span></span><span style="width:5px;"></span>

            <span CY_Hover="1"><span class="cy_Link1" CY_HoverClass="cy_Link1_ove" <% if(PageIndex == 0){ %>  style="color:#ccc;" disabled="disabled"  <%} else{ %> onclick="<%=this.PagingJaveScript%>(‘<%=this.PageIndex-1 < 0 ? 0 : this.PageIndex-1 %>‘)" <% } %>>上页</span></span>
            <span style="width:5px;"></span>

            <%--<input type="text" class="cy_TextBox" value="<%=this.PageIndex + 1%>" onkeypress="if(event.keyCode==13){var tempV=this.value;if($cy.Check.IsInt(tempV)){if(tempV/1>
            <%=this.PageCount%>){tempV=‘
            <%=this.PageCount%>‘;}}else{tempV=‘0‘}
            <%=this.PagingJaveScript%>(tempV/1-1);}" style="width:30px; text-align:center" />--%>&nbsp;

            <select data-role="none" onchange="var tempV=this.value-1;<%=this.PagingJaveScript%>(tempV)" style="width:50px; text-align:center">
            <%
                for (int select_index = 1; select_index <= this.PageCount; select_index++)
                {
                   if (select_index == PageIndex+1)
                        {
                    %>
                            <option value="<%=select_index%>"  selected="selected"><%= select_index %></option>
                    <%
                        }
                    else
                    {
                    %>
                             <option value="<%=select_index%>"  ><%= select_index %></option>
                    <%
                     }
                 }
               %>

           </select>

            <span CY_Hover="1"><span class="cy_Link1" CY_HoverClass="cy_Link1_ove" <% if (this.PageIndex + 1 == this.PageCount){ %> style="color:#ccc;" disabled="disabled"  <%}else{ %> onclick="<%=this.PagingJaveScript%>(‘<%=this.PageIndex + 1 >= this.PageCount ? this.PageCount - 1 : this.PageIndex + 1%>‘)" <% } %>>
                    下页
                </span></span><span style="width:5px;"></span>

            <span CY_Hover="1"><span class="cy_Link1" CY_HoverClass="cy_Link1_ove" <% if(this.PageIndex +1  == this.PageCount){ %> style="color:#ccc;" disabled="disabled"  <%} else{ %> onclick="<%=this.PagingJaveScript%>(‘<%=this.PageCount-1%>‘)" <% }  %>>
                尾页
            </span></span><span style="width:5px;"></span>
        </td>
    </tr>
</table>

组件代码:

using System;

public partial class Inc_Comp_Comp_Paging : System.Web.UI.UserControl
{
    private int _PageCount = 0;
    public int PageCount
    #region
    {
        set { this._PageCount = value; }
        get { return this._PageCount; }
    }
    #endregion

    private int _PageIndex = 0;
    public int PageIndex
    #region
    {
        set { this._PageIndex = value; }
        get { return this._PageIndex; }
    }
    #endregion

    private int _PageSize = 0;
    public int PageSize
    #region
    {
        set { this._PageSize = value; }
        get { return this._PageSize; }
    }
    #endregion

    private int _RecordCount = 0;
    public int RecordCount
    #region
    {
        set { this._RecordCount = value; }
        get { return this._RecordCount; }
    }
    #endregion

    private string _PagingJaveScript = "$cy.tp.Paging";
    public string PagingJaveScript
    #region
    {
        set { this._PagingJaveScript = value; }
        get { return this._PagingJaveScript; }
    }
    #endregion

    protected void Page_Load(object sender, EventArgs e)
    {
        //
    }
}
     

后端代码:

     this.Paging_1.PageCount = page_num;
        this.Paging_1.PageSize = Rows;
        this.Paging_1.PageIndex = PageIndex;
        this.Paging_1.RecordCount = RecordCount;
        if (this.Paging_1.RecordCount > 0)
        {
            this.Paging_1.Visible = true;
        }
        else
        {
            this.Paging_1.Visible = false;
        }
        if (this.Paging_1.PageSize == SiteConfig.NoPagingPageSize)
        {
            this.Paging_1.Visible = false;
        }
时间: 2024-10-04 02:51:31

C# - 组件化分页的相关文章

如何通过 Vue+Webpack 来做通用的前端组件化架构设计

如何通过 Vue+Webpack 来做通用的前端组件化架构设计 转载 作者:伯乐在线专栏作者 - 新空气 链接:http://web.jobbole.com/86977/ 点击 → 了解如何加入专栏作者 目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs.angularjs.emberjs.avalonjs.vuejs. 我个人接触使用过:avalonjs.angularjs.vuejs.因为工作以及前端团队能力的问题,所以在不同的公司,在开发工作中选用了不同的前端架构. 以下仅仅是

前端组件化思想理解

一.组件化思想概念 1. 思想背景 1.1业务场景 在做一次项目需求开发的过程中,涉及到动态创建多个条件区域,对于每个单独的条件区域,分为左边表格数据区和右边勾选左边表格某些数据行的区域.具体到左边表格数据区,包括一个通过用户输入的某个条件来查询数据,以一个表格分页的形式展示出来.其中这个表格里面包括复选框,可以选择表格中的某些项,然后右边区进行展示. 1.2最开始想的笨办法 因为这个需求是在原有基础上进行开发,平时的思维就是在既有的这个页面的js中进行代码开发.但是在开发过程中,并不是那么理想

Excel导入导出的业务进化场景及组件化的设计方案(转)

1:前言 看过我文章的网友们都知道,通常前言都是我用来打酱油扯点闲情的. 自从写了上面一篇文章之后,领导就找我谈话了,怕我有什么想不开. 所以上一篇的(下)篇,目前先不出来了,哪天我异地二次回忆的时候,再分享分享. 话说最近外面IT行情飞涨还咋的,人都飞哪去了呢,听说各地的军情都进入紧急状态了. 回归下正题,今天就抽点时间,写写技术文,和大伙分享一下近年在框架设计上的取的一些技术成果. 2:项目背景 在针对运营商(移动.联通.电信.铁塔)的信息类的系统中,由于相关的从业人员习惯于Excel的办公

Android组件化

附:Android组件化和插件化开发 App组件化与业务拆分那些事 Android项目架构之业务组件化 Android组件化核心之路由实现

iOS 组件化方案

概述 近一年iOS业界讨论组件化方案甚多,大体来说有3种. Protocol注册方案 URL注册方案 Target-Action runtime调用方案 URL注册方案据我了解很多大公司都在采用,蘑菇街 App 的组件化之路(http://limboy.me/tech/2016/03/10/mgj-components.html)蘑菇街的Limboy在这篇博客中做了很详尽的阐述 Target-Action runtime调用方案Casa在 iOS应用架构谈 组件化方案(http://casatw

App 组件化/模块化之路——Android 框架组件(Android Architecture Components)使用指南

面对越来越复杂的 App 需求,Google 官方发布了Android 框架组件库(Android Architecture Components ).为开发者更好的开发 App 提供了非常好的样本.这个框架里的组件是配合 Android 组件生命周期的,所以它能够很好的规避组件生命周期管理的问题.今天我们就来看看这个库的使用. 通用的框架准则 官方建议在架构 App 的时候遵循以下两个准则: 关注分离 其中早期开发 App 最常见的做法是在 Activity 或者 Fragment 中写了大量

组件化设计与开发

http://colachan.com/post/3545 终于迎来一期特刊.最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式.准备完演讲资料,发现这完全可以改成一篇文章.藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误. 下载地址:https://www.jianguoyun.com/p/DY1Z3bEQwKOaBhimoyg 由于本文首先是以keynote的形式诞生的,其中还有动画和视频,所以我比较推荐大家直接下载keynote文件(也存了PP

Web应用的组件化(一)

基本思路 1. 为什么要做组件化? 无论前端也好,后端也好,都是整个软件体系的一部分.软件产品也是产品,它的研发过程也必然是有其目的.绝大多数软件产品是追逐利润的,在产品目标确定的情况下,成本有两个途径来优化:减少部署成本,提高开发效率. 减少部署成本的方面,业界研究得非常多,比如近几年很流行的“去IOE”,就是很典型的,从一些费用较高的高性能产品迁移到开源的易替换的产品集群,又比如使用Linux + Mono来部署.net应用,避开Windows Server的费用. 提高开发效率这方面,业界

Web应用的组件化(二)——管控平台 #7

Web应用的组件化(二) 管控平台 在上一篇中我们提到了组件化的大致思路,这一篇主要讲述在这么做之后,我们需要哪些外围手段去管控整个开发过程.从各种角度看,面对较大规模前端开发团队,都有必要建立这么一个开发阶段的协作平台. 在这个平台上,我们要做哪些事情呢? 1. HTML片段 我们为什么要管理HTML片段?因为有界面要用它们,当这些片段多了之后,需要有个地方来管理起来,可以检索.预览它们,还能看到大致描述. 这应该是整个环节中一个相对很简单的东西,照理说,有目录结构,然后剩下的就是单个的HTM