asp.net-mvc-3 - 用于 mvc3 剃须刀的 jQuery 网格？

Question

mvc3 razor 最推荐的免费 jQuery 网格是什么？有良好的文件和样品

哪一个适用于 mvc3？

• 弹性网格： http ://flexigrid.info/
• jQuery 网格：http ://www.trirand.com/blog/
• jqGridView：http ://plugins.jquery.com/project/jqGridView
• 英格丽德：http ://reconstrukt.com/ingrid/
• SlickGrid http://github.com/mleibman/SlickGrid

Answer 1

没有适用于 MVC 3 或您想要的版本。

它们都使用 jQuery 框架以 HTML 和 Javascript 为目标。

如果您想使用列表中的任何一个，您可以这样做，只需查看他们想要的标记并以这种方式创建您的网格。

---

举个例子：

jQuery 表格排序器 2.0

它要求使用此标记的网格

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>$50.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 

所以，你需要做的就是在你的视图中做这个标记

作为一个简单的例子：

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody>     

@foreach(var item in Model)
{
<tr> 
    <td>@item.lastname</td> 
    <td>@item.firstname</td> 
    <td>@item.email</td> 
    <td>@item.due.ToString("c")</td> 
    <td>@item.url</td> 
</tr> 
}

</table>