在这里我们将讨论的是通过一个插件实现ASP.NET MVC 2中的右键菜单和一个相当简单的分页，希望对大家有所帮助。
右键菜单非常方便，很多时候会用到。这篇文章将使用一个JQUERY的插件在ASP.NET MVC中实现右键菜单。本文还将介绍一下在ASP.NET MVC中如何实现简单的分页。效果如下图：
新建一个asp.net mvc应用程序。将此插件放入Scripts文件夹。并在页面上引用。
定义右键菜单：
<div class="contextMenu" id="myMenu1"> <ul> <li id="detail"> detail</li><li id="new">new</li><li id="delete"> delete</li><li id="modify"> modify</li></ul></div>
将此菜单定义在产品名来源[email protected]搞@^&代*@码网上，故在在产品名上添加一个class供jquery选择。
<td class="showContext" id=""> </td>
在页面上插入下面脚本。用于绑定菜单项的行为。为了简单起见，将所以的菜单项的行为都定义成导航到详情页面.
这样就非常简单的实现了右键菜单的功能。
下面说下实现简单的分页。asp.net mvc中分页非常简单。
看下面定义的table的html代码：
<table> <tr> <th> ProductName </th><th> SupplierID </th><th> CategoryID11 </th><th> QuantityPerUnit </th><th> UnitPrice </th><th> UnitsInStock20 </th><th> UnitsOnOrder23 </th><th> ReorderLevel </th><th> Discontinued </th></tr><tr> <td class="showContext" id=""> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></table>
我们只要在这个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代码:
<div class="pager"> </div>
这样就完成分页和右键菜单的功能了。是不是非常的简单呢。：）
显示：
通过一个插件实现ASP.NET MVC 2中的右键菜单和一个相当简单的分页，希望能够帮助到大家熟练掌握分页功能的实现。
以上就是ASP.NET MVC 2右键菜单和简单分页实例讲解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：ASP.NET MVC 2右键菜单和简单分页实例讲解
转载请注明原文链接：ASP.NET MVC 2右键菜单和简单分页实例讲解
