ASP.NET MVC2右键菜单和最简单分页

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

ASP.NET MVC2右键菜单和最简单分页的相关文章

jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现_jquery

禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $("body").bind("keydown",function(e){ e=window.event||e; //禁止空格键翻页 if(event.keyCode==32){ return false; } //屏蔽F5刷新键 if(event.keyCode=

ASP.NET MVC2.0在Tab页中实现异步无刷新分页

概述 很多地方都存在以Tab页来呈现数据的方式,比如网易.新浪.搜狐.QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据.大家之所以喜欢用Tab,因为它能大大的增加显示数据的空间,能在固定的空间中显示更多的数据.分页也是为了方便数据的显示,在应用系统中必不可少.这篇文章使用Jquery在ASP.NET MVC中使用Tab页,以及在Tab页中实现异步无刷新的分页功能.估计这个大家都会用得到的. 在ASP.NET MVC中实现分页,在之前的一篇博文:ASP.NET MV

一起谈.NET技术,ASP.NET MVC2.0在Tab页中实现异步无刷新分页

概述 很多地方都存在以Tab页来呈现数据的方式,比如网易.新浪.搜狐.QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据.大家之所以喜欢用Tab,因为它能大大的增加显示数据的空间,能在固定的空间中显示更多的数据.分页也是为了方便数据的显示,在应用系统中必不可少.这篇文章使用Jquery在ASP.NET MVC中使用Tab页,以及在Tab页中实现异步无刷新的分页功能.估计这个大家都会用得到的. 在ASP.NET MVC中实现分页,在之前的一篇博文:ASP.NET MV

win7右键菜单项过多怎么清理

电脑中的软件安装多了,你会发现右键菜单项过多,很多内容是我们不需要的,那该怎么清理呢,本教程为大家介绍清理方法,只需三步就能轻松搞定. 在"组织-文件夹和搜索选项"进行设置 文件夹选项选择查看选项卡 在"文件夹选项"对话框中选择"查看"选项卡,设置"显示隐藏文件.文件夹和驱动器". 在文件夹里轻松清理 在文件夹里轻松清理C:Users[用户名]AppDataRoamingMicrosoftWindowsSendTo文件夹就可以

ASP.NET MVC2实现分页和右键菜单

右键菜单非常方便,很多时候会用到.这篇文章将使用一个JQUERY的插件在asp.net mvc中实现右键菜单.本文还将介绍一下在asp.net mvc中如何实现简单的分页.效果如下图: 首先,下载此插件. 新建一个asp.net mvc应用程序.将此插件放入Scripts文件夹.并在页面上引用. 这个demo使用到NORTHWND数据库的Product表. 定义右键菜单: <div class="contextMenu" id="myMenu1"> &l

ASP.NET MVC 2右键菜单和简单分页实例讲解_实用技巧

右键菜单非常方便,很多时候会用到.这篇文章将使用一个JQUERY的插件在ASP.NET MVC中实现右键菜单.本文还将介绍一下在ASP.NET MVC中如何实现简单的分页.效果如下图: 新建一个asp.net mvc应用程序.将此插件放入Scripts文件夹.并在页面上引用. 定义右键菜单: <div class="contextMenu" id="myMenu1"> <ul> <li id="detail">

一起谈.NET技术,ASP.NET MVC2实现分页和右键菜单

右键菜单非常方便,很多时候会用到.这篇文章将使用一个JQUERY的插件在asp.net mvc中实现右键菜单.本文还将介绍一下在asp.net mvc中如何实现简单的分页.效果如下图: 首先,下载此插件. 新建一个asp.net mvc应用程序.将此插件放入Scripts文件夹.并在页面上引用. 这个demo使用到NORTHWND数据库的Product表. 定义右键菜单: <div class="contextMenu" id="myMenu1"> &l

jQuery简单实现禁用右键菜单

 这篇文章主要介绍了jQuery简单实现禁用右键菜单的方法,非常的简单实用,这里分享给大家,有需要的小伙伴直接拿走使用.     代码非常简单,这里就不多废话了,直接上代码:   代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });   5行代码搞定,简单吧,当然小伙伴们可以自由扩展下,可以实现屏蔽右键菜单的指定项.

jQuery简单实现禁用右键菜单_jquery

代码非常简单,这里就不多废话了,直接上代码: 复制代码 代码如下: $(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); }); 5行代码搞定,简单吧,当然小伙伴们可以自由扩展下,可以实现屏蔽右键菜单的指定项.