手机版

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

时间:2021-10-02 来源:互联网 编辑:宝哥软件园 浏览:

右键菜单非常方便,很多时候会用到。这篇文章将使用一个JQUERY的插件在ASP .NET MVC中实现右键菜单。本文还将介绍一下在ASP。网最有价值球员中如何实现简单的分页。效果如下图:

新建一个ASP。网最有价值球员应用程序。将此插件放入剧本文件夹。并在页面上引用。定义右键菜单:

div class=' context menu ' id=' my menu 1 ' ul Li id=' detail ' img src=' http :3358 www .cn博客。com/内容/细节。ico '/detail/Li Li id=' new ' img src=' http :http://www .cn博客。com/Content/new。ico '/new/Lili id=' delete ' img src=' http :http://www .cn博客。com .将此菜单定义在产品名上,故在在产品名上添加一个班级供jquery选择。

TD class=' show context ' id=' %=item .产品id“% 3360”项ProductName %/td在页面上插入下面脚本。用于绑定菜单项的行为。为了简单起见,将所以的菜单项的行为都定义成导航到详情页面。

脚本类型='text/javascript' $(文档)。ready(function(){ $(' TD。显示上下文').contextMenu('myMenu1 ',{ binding s : { ' Detail ' : function(t){ document。位置。href='/Products/Detail/' t . id;},' new ' : function(t){ document。位置。href='/Products/Detail/' t . id;},删除:函数(t){ 0确认('你确定删除吗?');文件。位置。href='/Products/Detail/' t . id;}、"修改":函数{文档。位置。href='/Products/Detail/' t . id;} } });});/script这样就非常简单的实现了右键菜单的功能。

下面说下实现简单的分页。asp.net最有价值球员中分页非常简单。

看下面定义的桌子的超文本标记语言代码:

表第/个产品名称/第/个供应商id/第/个类别第11/个数量第/个单位价格第/个单位库存第20/个单位订单第23/个订单级别第/个停产/第/个订单百分比(模型中的可变项目。产品){ % tr TD class=' show context ' id=' %=item .产品id“% 3360”项ProductName %/td td 3360项supplier id %/TD TD TD 3360项目CategoryID % /td td 3360项目定量运行时间%/TD TD TD 3360字符串.格式(“{0:F}”,项目。单价(%)/TD TD TD 3360项目UnitsInStock %/TD TD TD 3360项目UnitsOnOrder %/TD TD TD 3360项目ReordLevel %/TD TD 3360项。停产%/TD/tr % } %/表我们只要在这个桌子下面插入一段分页的超文本标记语言脚本就行了。分页的脚本当然要生成,使用Htmlhelper的扩展方法去生成这个脚本。看下面的扩展方法,非常的简单的生成了分页的超文本标记语言代码:

公共静态字符串传呼机(此HtmlHelper helper,int currentPage,int currentPageSize,int totalRecords,字符串URL前缀){ StringBuilder sb1=new StringBuilder();int seed=CurrentPage % CurrentPage SiZe==0?当前页面:当前页面-(当前页面%当前页面大小);if (currentPage 0) sb1 .附加行(字符串。格式(' a href=\'{0}/{1}\ '上一个/a ',urlPrefix,CurrentPage));if(CurrentPage-CurrentPage SiZe=0)sb1 .附加行(字符串。格式(' a href=\'{0}/{1}\ './a ',urlPrefix,(CurrentPage-CurrentPageSize)1));for(int I=种子;我喜欢数学回合((总记录/10)0.5)I种子CurrentPageSizei ) { sb1 .附加行(字符串。格式(' a href=\'{0}/{1}\'{1}/a ',urlPrefix,I ^ 1));} if(CurrentPage CurrentPageSize=(数学第一轮(总记录数/10)0.5-1)sb1 .附加行(字符串。格式(' a href=\'{0}/{1}\ './a ',urlPrefix,(CurrentPage CurrentPageSize)1));if (currentPage(数学第一轮(总记录数/10)0.5-1)sb1 .附加行(字符串。格式(' a href=\'{0}/{1}\'Next/a ',urlPrefix,当前页面2));返回sb1 .ToString();} 然后在桌子后面添加下面的代码,在桌子下面输出分页的超文本标记语言代码:

' div class='寻呼机%=Html .寻呼机(型号。当前页面,模型。总页数,模型。合计项目'/产品/列表)% /div这样就完成分页和右键菜单的功能了。是不是非常的简单呢。)

效果:

显示:

通过一个插件实现ASP .NET MVC 2中的右键菜单和一个相当简单的分页,希望能够帮助到大家熟练掌握分页功能的实现。

版权声明:ASP .NET MVC 2右键菜单和简单分页实例讲解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。