Question

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

哪一个用于mvc3？

Flexigrid：http://flexigrid.info/
jQuery Grid：http://www.trirand.com/blog/
jqGridView：http://plugins.jquery.com/project/jqGridView
Ingrid：http://reconstrukt.com/ingrid/
SlickGrid http://github.com/mleibman/SlickGrid

Answer 1

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

他们都使用jQuery Framework定位HTML和Javascript。

如果你想使用列表中的任何一个你能够这样做，只需看看他们想要的标记是什么，并以这种方式创建你的网格。

作为一个例子：

jQuery TableSorter 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>

用于mvc3 razor的jQuery网格？

1 个答案: