右键菜单非常方便,很多时候会用到。这篇文章将使用一个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>
时间: 2024-12-03 02:14:17