MVC 3返回多個Flot圖

感謝您的閱讀。隨着我越來越多地使用MVC，我也越來越多地接觸到大量的Javascript（我非常虛弱）。MVC 3返回多個Flot圖

我認爲呈現類似下面

<table> 
    <tr> 
     <th>heading 1</th> 
     <th>heading 2</th> 
     <th>heading 3</th> 
     <th>heading 4</th> 
     <th>chart</th> 
    </tr> 
    foreach(var item in Model) 
    { 
     <tr> 
      <td>@item.data1</td> 
      <td>@item.data2</td> 
      <td>@item.data3</td> 
      <td>@item.data4</td> 
      <td><div id="graphname"></div> </td> 
     </tr> 
    } 
</table>

數據的列表，通過以下從這裏http://blog.simontimms.com/2009/06/bar-graphs-using-flot-and-aspnet-mvc.html的例子中，我能得到正確的數據。如何使用我從該鏈接中學到的東西，並且還能夠創建/返回多個圖形 <div id="graphname"></div> 因爲它是由id引用的？或者有更好的方法來完成這個嗎？

來源

2012-08-07 Ervin E

您將需要爲每個div設置唯一的ID。

你可以用幾種不同的方法來做到這一點。 Cleanest會以某種方式將其與您的數據綁定，例如，如果每個項目的item.data1是唯一值（如主鍵），則可以執行以下操作：

< div id =「@（」graphname_「+ item。數據1 >「

或者你也可以在foreach內添加一個索引，並參閱

int i = 0; 
foreach(var item in Model) 
{ 
    <tr> 
     <td>@item.data1</td> 
     <td>@item.data2</td> 
     <td>@item.data3</td> 
     <td>@item.data4</td> 
     <td><div id="@(graphname + i)"></div> </td> 
    </tr> 
    ++i; 
}

從那裏，它只是一個調用$ .plot對於每個圖形，它引用了所需的數據和正確的DIV的事

來源

2012-08-08 01:06:12 Skepticism

MVC 3返回多個Flot圖

回答

相關問題