ASP.NETMVC2中如何实现右键菜单和简单分页
本篇文章为大家展示了ASP.NET MVC 2中如何实现右键菜单和简单分页,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都做网站、广平网络推广、小程序制作、广平网络营销、广平企业策划、广平品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供广平建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
右键菜单非常方便,很多时候会用到。这篇文章将使用一个JQUERY的插件在ASP.NET MVC中实现右键菜单。本文还将介绍一下在ASP.NET MVC中如何实现简单的分页。效果如下图:
首先,下载此插件。
新建一个asp.net mvc应用程序。将此插件放入Scripts文件夹。并在页面上引用。
这个demo使用到NORTHWND数据库的Product表。
定义右键菜单:
- 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.NETMVC2中如何实现右键菜单和简单分页
分享URL:http://pwwzsj.com/article/gchsog.html