Updating PartialView mvc 4

Question

Ey  How I could refresh a Partial View with data out of the Model  First time  when the page loads it s working properly  but not when I call it from the Action  The structure I ve created looks like   Anywhere in my View       Html RenderAction  UpdatePoints       My PartialView  UpdatePoints     lt h3 gt Your points are  ViewBag points  lt  h3 gt    At the Controller I have   public ActionResult UpdatePoints                          ViewBag points     Repository Points              return PartialView  UpdatePoints                Thanks for your help   UPDATE  Thanks all for your help  Finally I used JQuery AJAX as you suggested  passing the parameter using model   So  in JS       divPoints   load   Schedule UpdatePoints   UpdatePointsAction   var points      newpoints   val     element find  PointsDiv   html  You have    points    points      In Controller   var model    newPoints  return PartialView model     In View   lt div id  divPoints  gt  lt  div gt   Html Hidden  newpoints   Model

User · Answer

Controller    public ActionResult Refresh string ID                DetailsViewModel vm   new DetailsViewModel        Model         vm productDetails    product GetproductDetails ID                productDetails   is a property in  DetailsViewModel           GetProductDetails  is a method in  Product  class           product  is an interface of  Product  class             return PartialView   Details   vm      Details is a partial view         In yore index page you should to have refresh link          lt a href     id  refreshItem  gt Refresh lt  a gt    This Script should be also in your index page    lt script type  text javascript  gt         function             a id refreshItem  last   click function  e            e preventDefault             var url   MVC Url action  Refresh    MyController     itemId     Model itemProp itemId           Refresh is an Action in controller  MyController is a controller name            ajax               type   GET               url  url              cache  false              success  function  grid                        tabItemDetails   html grid                   clientBehaviors applyPlugins     tabProductDetails         tabProductDetails  is an id of div in your  Details partial view

User · Answer

You can also try this      document  ready function                  var url      Html Raw Url Action  ActionName    ControllerName                       PartialViewDivId   load url           setInterval function                  var url      Html Raw Url Action  ActionName    ControllerName                       PartialViewDivId   load url              30000     Refreshes every 30 seconds            ajaxSetup   cache  false        Turn off caching           It makes an initial call to load the div  and then subsequent calls are on a 30 second interval   In the controller section you can update the object and pass the object to the partial view   public class ControllerName  Controller       public ActionResult ActionName                                  code for update object                   return PartialView  PartialViewName   updatedObject

User · Answer

So  say you have your View with PartialView  which have to be updated by button click    lt div class  target  gt         Html RenderAction  UpdatePoints      lt  div gt    lt input class  button  value  update    gt    There are some ways to do it  For example you may use jQuery    lt script type  text javascript  gt        function                    button   on  click   function                          post   Url Action  PostActionToUpdatePoints    Home     always function                        target   load   Home UpdatePoints                                                                lt  script gt    PostActionToUpdatePoints is your Action with  HttpPost  attribute  which you use to update points  If you use logic in your action UpdatePoints   to update points  maybe you forgot to add  HttpPost  attribute to it    HttpPost  public ActionResult UpdatePoints             ViewBag points     Repository Points      return PartialView  UpdatePoints

User · Answer

Thanks all for your help  Finally I used JQuery AJAX as you suggested  passing the parameter using model    So  in JS       divPoints   load   Schedule UpdatePoints   UpdatePointsAction   var points      newpoints   val     element find  PointsDiv   html  You have    points    points      In Controller   var model    newPoints  return PartialView model     In View   lt div id  divPoints  gt  lt  div gt   Html Hidden  newpoints   Model

[c#] Updating PartialView mvc 4

Examples related to c#

Examples related to asp.net-mvc-4

Examples related to partial-views

Examples related to viewbag