您现在的位置是:网站首页> 编程资料编程资料
ASP.NET MVC 2右键菜单和简单分页实例讲解_实用技巧_
2023-05-24
372人已围观
简介 ASP.NET MVC 2右键菜单和简单分页实例讲解_实用技巧_
右键菜单非常方便,很多时候会用到。这篇文章将使用一个JQUERY的插件在ASP.NET MVC中实现右键菜单。本文还将介绍一下在ASP.NET MVC中如何实现简单的分页。效果如下图:

新建一个asp.net mvc应用程序。将此插件放入Scripts文件夹。并在页面上引用。
定义右键菜单:
detail
new
delete
modify
将此菜单定义在产品名上,故在在产品名上添加一个class供jquery选择。
<%: item.ProductName %>
在页面上插入下面脚本。用于绑定菜单项的行为。为了简单起见,将所以的菜单项的行为都定义成导航到详情页面.
这样就非常简单的实现了右键菜单的功能。
下面说下实现简单的分页。asp.net mvc中分页非常简单。
看下面定义的table的html代码:
| ProductName | SupplierID | CategoryID11 | QuantityPerUnit | UnitPrice | UnitsInStock20 | UnitsOnOrder23 | ReorderLevel | Discontinued |
|---|---|---|---|---|---|---|---|---|
| <%: item.ProductName %> | <%: item.SupplierID %> | <%: item.CategoryID %> | <%: item.QuantityPerUnit %> | <%: String.Format("{0:F}", item.UnitPrice) %> | <%: item.UnitsInStock %> | <%: item.UnitsOnOrder %> | <%: item.ReorderLevel %> | <%: item.Discontinued %> |
我们只要在这个table下面插入一段分页的HTML脚本就行了。分页的脚本当然要生成,使用Htmlhelper的扩展方法去生成这个脚本。看下面的扩展方法,非常的简单的生成了分页的html代码:
public static string Pager(this HtmlHelper helper, int currentPage, int currentPageSize, int totalRecords, string urlPrefix) { StringBuilder sb1 = new StringBuilder(); int seed = currentPage % currentPageSize == 0 ? currentPage : currentPage - (currentPage % currentPageSize); if (currentPage > 0) sb1.AppendLine(String.Format("Previous", urlPrefix, currentPage)); if (currentPage - currentPageSize >= 0) sb1.AppendLine(String.Format("...", urlPrefix, (currentPage - currentPageSize) + 1)); for (int i = seed; i < Math.Round((totalRecords / 10) + 0.5) && i < seed + currentPageSize; i++) { sb1.AppendLine(String.Format("{1}", urlPrefix, i + 1)); } if (currentPage + currentPageSize <= (Math.Round((totalRecords / 10) + 0.5) - 1)) sb1.AppendLine(String.Format("...", urlPrefix, (currentPage + currentPageSize) + 1)); if (currentPage < (Math.Round((totalRecords / 10) + 0.5) - 1)) sb1.AppendLine(String.Format("Next", urlPrefix, currentPage + 2)); return sb1.ToString(); }
然后在table后面添加下面的代码,在table下面输出分页的html代码:
<%=Html.Pager(Model.CurrentPage, Model.TotalPages,Model.TotalItems ,"/Products/List")%>
这样就完成分页和右键菜单的功能了。是不是非常的简单呢。:)
效果:

显示:

通过一个插件实现ASP.NET MVC 2中的右键菜单和一个相当简单的分页,希望能够帮助到大家熟练掌握分页功能的实现。
您可能感兴趣的文章:
- ASP.NET MVC 5使用X.PagedList.Mvc进行分页教程(PagedList.Mvc)
- ASP.NET MVC4 HtmlHelper扩展类,实现分页功能
- ASP.NET MVC分页和排序功能实现
- ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
- 利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
- ASP.NET MVC4 Razor模板简易分页效果
- asp.net mvc4 mysql制作简单分页组件(部分视图)
- ASP.NET同步分页MvcPager使用详解
- asp.net MVC分页代码分享
- ASP.NET MVC分页的实现方法
相关内容
- asp.net分页功能实现_实用技巧_
- 调试ASP.NET2005/2008时,端口不正确的解决三套方案_实用技巧_
- ASP.NET无刷新分页简单实现_实用技巧_
- 阿里云上从ASP.NET线程角度对“黑色30秒”问题的全新分析_实用技巧_
- ASP.NET GridView中加入RadioButton不能单选的解决方案_实用技巧_
- 如何解决ASP.NET新增时多字段取值的问题_实用技巧_
- ASP.NET显示渐变图片实现方法_实用技巧_
- ASP.NET文件处理如何操作_实用技巧_
- ASP.NET Forms身份认证详解_实用技巧_
- 灵活掌握asp.net中gridview控件的多种使用方法(上)_实用技巧_
