前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >MVC中局部视图的使用

MVC中局部视图的使用

作者头像
欢醉
发布2018-01-22 17:29:09
1.2K0
发布2018-01-22 17:29:09
举报
文章被收录于专栏:james大数据架构james大数据架构

加载部分视图

代码语言:js
复制
$("#result").load("/home/message",function(){
//加载完之后隐藏进度条
});
 public ActionResult message(){
   return PartialView("视图",实体);
}

分页控件的使用

页面:

代码语言:js
复制
 < div   id = " CommentList " >
@ { Html . RenderAction ( " Index " ,   " Comment " ,   new   {   id   =   @ Model . ProductID ,   page   =   1   } ) ; }
< / div > 

 局部视图

代码语言:javascript
复制
 @ using   Webdiyer . WebControls . Mvc ;
     @ model   PagedList < Extshop . Models . T_Comment >
     @ {
             foreach   ( var   c   in   Model )
             {
                    < div   class = " row "   >
                    < div   class = " title " > @ c . Title < / div >
                     < b > @ c . Username < / b > & nbsp ; 发表于 @ ( c . CreateTime ) < br / >
                       @ c . Description                              
                     < / div >
             }
     }
     < br   / >
     < div   class = ' pagenav ' > @ Ajax . Pager ( Model ,   new   PagerOptions { PageIndexParameterName = " page " } ,   new   AjaxOptions   {   UpdateTargetId   =   " CommentList "   } ) < / div > 
     Ajax分页的方法,这样,就可以使用Ajax自动更新该部分。在AjaxOption中定义了UpdateTargetId参数为“CommentList”,意味着当Ajax加载数据后,会自动更新id为“CommentList”的html元素内的内容 

后台:

代码语言:javascript
复制
 新建一个名称为“CommentController”的控制器,并修改index操作代码如下:

                     public   ActionResult   Index ( int   id , int ?   page )
                     {
                             ViewData [ " ProdcutID " ]   =   id ;
                             PagedList < T_Comment >   q   =   dc . T_Comment . Where ( m   = >   m . ProductID   = =   id ) . OrderByDescending ( m = > m . CreateTime ) . ToPagedList ( page   ? ?   1 , 2 ) ;
                             return   PartialView ( q ) ;
                     }

      代码中第1个参数id表示的是产品的id,第2个参数是评论的当前页。和产品列表一样,使用mvcPager进行分页。

Html.RenderPartial与Html.RenderAction的区别

 在Razor视图中语法不一样: @Html.Partial("PartialViewName") @{ Html.RenderPartial("PartialViewName",Model); }

Html.RenderAction允许你直接调用某一个Action,并把返回的结果直接显示在当前调用的View中,在Control中有一个方法并返回PartialView

Html.RenderPartial不经过Control直接通过引用页传入的Model描绘数据

MvcPager.rar

PagerTest.zip

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014-11-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档