我如何使用foreach循環來構建json對象並在剃刀中調用jquery函數

Question

我想獲取對象列表並遍歷列表並構建一個json對象並在剃鬚刀的foreach循環中調用jquery函數。

我希望能夠做到這一點，因此動態建立此精確對象，並使用通過我的addPinpointExt功能。 Model.CoordinatesObj是一個對象列表。這種方式甚至有可能嗎？如果不是最好的辦法是什麼？

Answer 1

我會把for循環在MVC動作，然後使用$阿賈克斯（叫）

$.ajax({ 
    url: "/Home/NewAction/id", type: "POST", 
    error : function(req,status,errorObj) { /* handle error */ }, 
    success: function(result) { 
     var pinpoint = result; 
     $("#toPinpoint").mapImage.addPinpointExt(pinpoint); 
    } 
}); 

使用剃刀生成HTML。

Answer 2

$("p")ToArray() 

創建用於你保持每html元素的值（例如，在「P」的段落）的陣列
或者，也可以使用每個（）jQuery函數進行迭代。

Answer 3

如果要混合使用純文本（使用Javascript/JSON你的情況），服務器端代碼，你可以用在<text>標籤的純文本：

@foreach (var item in Model.CoordinatesObj) { 
    <text> 
    var pinpoint = { "top": @item.Top, 
      "left": @item.Left, 
      "width": @item.Width, 
      "height": @item.Height 
     }; 
    $("#toPinpoint").mapImage.addPinpointExt(pinpoint); 
    </text> 
} 

注意到你還缺少@在服務器端的變量前面。

Phil Haack在Razor syntax上有一個很好的參考頁面。