自定义分页 html,MVC 自定义HtmlHelper帮助类型之分页

方法一:

在项目中增加App_Code文件夹,新增一个MyHtmlper.cshtml视图文件

1cf6546eb8024777e22f23cf4fdc23a1.png

写入代码:

@helper Pagger(int pageIndex, int pageCount)

{

@for (int i = 1; i <= pageCount; i++)

{

if (i != pageIndex)

{

@(i)

}

else

{

@i

}

}

}

新增一个HomeController

public class HomeController : Controller

{

// GET: Home

public ActionResult Index(int pageIndex = 1,int pageCount=10)

{

if (pageIndex <= 0)

pageIndex = 1;

TempData["PageIndex"] = pageIndex;

TempData["PageCount"] = pageCount;

return View();

}

}

写一个新的路由

public class RouteConfig

{

public static void RegisterRoutes(RouteCollection routes)

{

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapRoute(

name: "Pagger",

url: "{controller}/{action}/{pageIndex}_{pageCount}",

defaults: new { controller = "Home", action = "Index"}

);

routes.MapRoute(

name: "Default",

url: "{controller}/{action}/{id}",

defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }

);

}

}

新增视图:

@{

ViewBag.Title = "Index";

}

@{

var pageindex = Convert.ToInt32( TempData["PageIndex"]);

var pageCount = Convert.ToInt32(TempData["PageCount"]);

}

当前是第 @pageindex 页


@MyHtmlper.Pagger(pageindex, pageCount)

运行结果

aaaafe7a8607bce6138e56111b5888ba.png

方法二:

扩展HtmlHelper方法,新增一个CodeHelper类型,扩展HtmlHelper一个Pagger方法

public static class CodeHelper

{

public static MvcHtmlString Pagger(this HtmlHelper htmlHelper, int pageIndex, int pageCount)

{

var htmlSb = new StringBuilder();

for (int i = 1; i <= pageCount; i++)

{

if (i != pageIndex)

{

htmlSb.Append(" " + i + "");

}

else

{

htmlSb.Append("" + i + "");

}

}

return new MvcHtmlString(htmlSb.ToString());

}

}

修改视图

@{

ViewBag.Title = "Index";

}

@{

var pageindex = Convert.ToInt32( TempData["PageIndex"]);

var pageCount = Convert.ToInt32(TempData["PageCount"]);

}

当前是第 @pageindex 页


@MyHtmlper.Pagger(pageindex, pageCount)


@Html.Pagger(pageindex,pageCount)

运行结果:

2bd6c159e18d8d20f52e14198b785c71.png

本人当前只知道两种方法。分享出了给大家借鉴

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/541618.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

js console 输出到文件_Node.js核心入门

正文核心模块是Node.js的心脏&#xff0c;主要是有一些精简高效的库组成(这方面和Python有很大的相似之处)&#xff0c;为Node.js提供了基础的API。主要内容包括&#xff1a;Node.js核心入门(一)全局对象常用工具事件机制Node.js核心入门(二)文件系统访问HTTP服务器与客户端全局…

eclipse中项目内存溢出问题

2019独角兽企业重金招聘Python工程师标准>>> SpringBoot项目热启动Perm区内存溢出。 Failed to instantiate [org.springframework.orm.jpa.JpaVendorAdapter]: Factory method jpaVendorAdapter threw exception; nested exception is java.lang.OutOfMemoryErro…

express rest_Express / Node中用于REST API的邮递员工具

express restWhen dealing with routes (like in express), we may use any of the REST verbs and at times, the browser is limited to facilitate testing the routes/REST API. 在处理路由时(如快速表达)&#xff0c;我们可以使用任何REST动词&#xff0c;有时浏览器会受到…

形象易懂讲解算法I——小波变换

https://zhuanlan.zhihu.com/p/22450818?referdong5 最早发于回答&#xff1a;能不能通俗的讲解下傅立叶分析和小波分析之间的关系&#xff1f; - 咚懂咚懂咚的回答现收入专栏。从傅里叶变换到小波变换&#xff0c;并不是一个完全抽象的东西&#xff0c;可以讲得很形象。小波变…

使用Linux命令行归档文件

存档文件 (Archiving Files) As we already understand what Compression (Compression techniques in Linux) is? We shall learn about Archives. We prefer compression as it is convenient to send file compressed through a network but sometimes it is not a smart w…

http缓存机制之304状态码

在网上看到一篇关于解释浏览器缓存更新机制304状态码的文章&#xff0c;里面说如果请求头中的If-Modified-Since字段和If-None-Match字段的值分别和响应头中的Last-Modified字段和Etag字段值一致&#xff0c;服务器就会返回304状态码(无响应体)&#xff0c;浏览器就从本地读取缓…

计算机选配 注意事项,选择鼠标注意事项有哪些

选择鼠标注意事项有哪些每台电脑旁边都有了一个忠实的伴侣&#xff0c;那就是“Mouse”--鼠标。选择鼠标最重要的一点就是质量&#xff0c;无论它的功能有多强大、外形多漂亮&#xff0c;如果质量不好那么一切都不用考虑了。那么&#xff0c;选择鼠标注意事项有哪些?笔记本鼠标…

js 验证护照_护照本地策略第2部分| Node.js

js 验证护照In my last article (Passport local strategy section 1 | Node.js), we started the implementation of the passport-local authentication strategy. We also looked at the various requirements to get started with the login form. In this article, we wil…

svn版利用什么技术实现_金葱粉涂料印花利用了什么技术?

金葱粉涂料印花利用了什么技术:金葱粉用涂料而不是用染料来生产印花布已经非常广泛&#xff0c;以致开始把它当作一种独立的印花方式。涂料印花是用涂料直接印花&#xff0c;该工艺通常叫做干法印花&#xff0c;以区别于湿法印花(或染料印花)。通过比较同一块织物上印花部位和未…

网站换服务器需要注意什么问题,网站更换服务器要注意哪些事项

原标题&#xff1a;网站更换服务器要注意哪些事项网站在运营的过程中&#xff0c;出于某种考虑&#xff0c;我们会将网站进行服务器的变更&#xff0c;那么在进行服务器变成过程中&#xff0c;需要注意哪些事项。一、如果是跨服务商更换网站服务器&#xff0c;需要做备案迁移。…

kafka分区与分组原理_大数据技术-Kafka入门

在大数据学习当中&#xff0c;主要的学习重点就是大数据技术框架&#xff0c;针对于大数据处理的不同环节&#xff0c;需要不同的技术框架来解决问题。以Kafka来说&#xff0c;主要就是针对于实时消息处理&#xff0c;在大数据平台当中的应用也很广泛。大数据学习一般都有哪些内…

ActiveReports 报表控件官方中文新手教程 (1)-安装、激活以及产品资源

&#xfeff;&#xfeff;本系列文章主要是面向初次接触 ActiveReports 产品的用户&#xff0c;能够帮助您在三天之内轻松的掌握ActiveReports控件的基本用法&#xff0c;包含安装、激活、创建报表、绑定数据源以及公布等内容。本篇文章我们就从安装产品開始带您开启轻松的 Ac…

如何在React Native中使用React JS Hooks?

In my articles, Im going to be using either expo or snack online IDE and android emulator. 在我的文章中&#xff0c;我将使用expo或点心在线IDE和android模拟器。 React Hooks is simply an awesome tool that helps us use states and other react features without w…

华为P40pro 手机云台_2020年目前拍照最好的手机推荐!华为P40 Pro!DXO全球榜首

目前最热门的拍照手机自然是华为P40 Pro&#xff0c;其相机性能直接问鼎DXOMARK手机相机评分榜首。对于拍照要极求高的用户&#xff0c;华为P40 Pro将是一个非常不错的选择。那么&#xff0c;华为P40 Pro除了出色的相机之外&#xff0c;其它方面表现如何呢&#xff1f;下面&…

Centos 7安装与配置nagios监控(一)

目 录序言(必备知识)一、安装规划1.1系统环境1.2所需软件包二、配置安装环境2.1同步时间2.2禁用SElinux2.3 xftp上传软件包2.4安装邮件服务三、监控主机安装3.1安装nagios的运行环境3.2增加用户3.3安装nagios3.4配置权限3.5安装插件3.6安装nrpe四、远程主机安装4.1配置运行环境…

备份linux系统报错_Linux 系统如何快速入门?分享民工哥总结的经验

大家好&#xff0c;我是民工哥。认识或熟悉我的人都知道&#xff0c;是做运维出身的&#xff0c;所以&#xff0c;很多时候&#xff0c;有很多朋友喜欢问我一些有关运维的问题&#xff0c;比如&#xff1a;我应该如何入门Linux系统运维&#xff1f;Linux系统运维到底需要学哪些…

pe联想服务器装系统教程视频,演示联想电脑u盘重装系统xp教程

联想电脑U盘重装XP系统的方法很多朋友询问&#xff0c;其实现在很多电脑已经不支持XP系统的安装了&#xff0c;如果你的联想电脑是近几年购买的&#xff0c;还是安装win10系统比较保险。当然联想电脑安装系统过程中遇到问题也可以联系人工客服。联想电脑如何使用U盘重装系统XP呢…

springboot公共模块打包_解决SpringBoot多模块发布时99%的问题?

每天都会分享Java架构文章&#xff0c;喜欢的朋友关注我。ps&#xff1a;文末有彩蛋&#xff0c;惊喜等着你如果使用的是 SpringBoot 多模块的项目&#xff0c;在发布的时候可能遇到各种各样的问题。本文归纳了以下 8 个原则和发布时经常出现的 4 个问题的解决方案&#xff0c;…

定义整型数组_C++数组的定义与初始化(学习笔记:第6章 01)

数组的定义与使用[1]数组是具有一定顺序关系的若干相同类型变量的集合体&#xff0c;组成数组的变量称为该数组的元素。数组的定义方括号里面列出的常量表达式是数组每一维的下标个数。数组的下标不管从哪一维它都是从0开始数的。例如&#xff1a;int a[10]; 表示a为整型数组&a…

我们正在经历一个应用疲惫时代?

在移动互联网时代到来之后&#xff0c;应用程序成为了智能手机必备&#xff0c;也正因为万千开发者的参与&#xff0c;才让移动终端充分发挥出了强大的能量&#xff0c;当然&#xff0c;这些开发者也不断创造着造富神话&#xff0c;一个小团队在几个月的努力之后可能就会成为亿…