通過javascript處理視圖模型和剃刀

Question

我有一個包含'歌曲'列表的視圖模型。 現在我不wan't視圖通過所有的名單走路所以在Java腳本我做：

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() + 5 > $(document).height()) {  
     @foreach (var item in Model.Songs.Skip(Number).Take(20)) 
     { 
      //do something 
     } 
     Number = Number + 20; 
    } 
}); 

的問題是，剃刀變量「數字」沒有改變，所以我總是加載相同的條目。我不想每次滾動到達底部時都要調用ajax，我已經有了我的頁面模型，我只是不想立即使用它。

Answer 1

實現這一目標，我認爲最好的辦法是分析模型收集到JavaScript對象（陣列）

首先你需要創建HTML輔助方法（將是有用的，無論如何，另一種情況）就像

using Newtonsoft.Json; 
    ..... 
    public static HtmlString ToJson(this HtmlHelper helper, object obj) 
    { 
     return MvcHtmlString.Create(JsonConvert.SerializeObject(obj)); 
    } 

然後將您的模型屬性轉換爲js對象。

<script> 
    var songs = @Html.ToJson(Model.Songs.Skip(Number).Take(20)) 
</script> 

這就是所有。爲我工作。