首页 / 网页编程 / ASP.NET / ASP.NET MVC2右键菜单和最简单分页

ASP.NET MVC2右键菜单和最简单分页2011-08-28 博客园 朱祁林右键菜单非常方便，很多时候会用到。这篇文章将使用一个JQUERY的插件在 asp.net mvc中实现右键菜单。本文还将介绍一下在asp.net mvc中如何实现简单 的分页。效果如下图：

首先，下载此插件。

新建一个asp.net mvc应用程序。将此插件放入Scripts文件夹。并在页面上引 用。

这个demo使用到NORTHWND数据库的Product表。

定义右键菜单：

1 <div class="contextMenu" id="myMenu1">
2 <ul>
3 <li id="detail"><img src="http://www.cnblogs.com/Content/detail.ico" />detail</li>
4 <li id="new"><img src="http://www.cnblogs.com/Content/new.ico" />new</li>
5 <li id="delete"> <img src="http://www.cnblogs.com/Content/delete.ico"/>delete</li>6 <li id="modify"><img src="http://www.cnblogs.com/Content/modify.ico"/>modify</li>7 </ul>
8 </div>

将此菜单定义在产品名上，故在在产品名上添加一个class供jquery选择。

<td class="showContext" id="<%= item.ProductID % >"><%: item.ProductName %></td>