2011-01-12 63 views
0

我有一個控制器,可以將自定義模型返回到其視圖。在這個模型中,是在視圖中呈現的產品和價格的集合,以及頁面所需的其他信息。MVC和jQuery模板?

但是,我想使用jQuery模板來允許這些產品和價格的AJAX更新。

我猜它不可能使用初始值來呈現模板,那麼如何返回一個包含「靜態」信息(即不會在頁面上顯示)的模型以及我希望包含在模板中的信息因爲它會根據用戶的輸入而改變?

+0

Appologies,但我無法解析的最後一段。你能否多說一些你正在努力完成的事情?是否需要在服務器上呈現初始HTML(使用普通View技術,剃鬚刀等),並且希望稍後能夠通過Ajax +模板刷新該HTML?還是你想要通過一個模板來生成HTML,並且你問如何將模型傳遞給你的JavaScript以便第一次呈現? – 2011-01-12 14:28:36

回答

0

您可以從您的控制這樣的加載通過jQuery內容:

的Jquery:

function lastPostFunc(movies) { 

      $.each(movies, function(i) { 

       var milli = this.ReleaseDate.replace(/\/Date\((-?\d+)\)\//, '$1'); 
       var d = new Date(parseInt(milli)); 

       $("#Movie_list").append("<tr class=wrdLatest id=" + this.Id + "><td>" + this.Id + "</td><td>" + this.Title + "</td><td>" + d + "</td><td>" 
     + this.Genre + "</td><td>" + this.Price + "</td><td>" + this.Rating + "</td></tr>"); 
      }); 

     } 
     $(window).scroll(function() { 
      if ($(window).scrollTop() + 100 > $(document).height() - $(window).height()) { 

       var name = id; //$(".wrdLatest:last").attr("id"); 
       var value = { skip: name }; 
       $.post("/Movies/GetMovies/", value, lastPostFunc, "json"); 
       id += 50; 
      } 
     }); 

控制器

[AcceptVerbs(HttpVerbs.Post)] 
     public ActionResult GetMovies(string skip) 
     { 
      // caching the categories 

      int idtoSkip = Convert.ToInt32(skip); 
      var movies = from m in _db.Movie 
         where m.Id > idtoSkip & m.Id < idtoSkip + 50 
         select m; 
      return Json(movies); 
     } 
+0

我想使用jQuery模板,而不是發射我自己的html。 – FloatLeft 2011-01-12 14:20:43