无法让 Flexigrid 在表格中工作

Question

我已经下载了flexigrid，并将解压后的文件夹（flexigrid-1.1）复制到我的mvc3根目录。

然后将以下内容添加到我的视图中：

<script src="@Url.Content("~/flexigrid-1.1/js/flexigrid.js")" type="text/javascript"></script>
<link rel="Stylesheet" type="text/css" href="../../flexigrid-1.1/css/flexigrid.css" />

此代码：

<script type="text/javascript">
$(function () {
    $(".flexme").flexigrid();
});
</script>

和表

    <table class="flexme">
    <thead>
        <tr>
            <th>Number</th>
            <th>Kind</th>
        </tr>
    </thead>
    <tbody>
        @if (Model.Phones.Count > 0)
        {
            foreach (var phone in Model.Phones)
            {
                <tr>
                    <td>
                        @Html.DisplayTextFor(i => phone.Number);
                    </td>
                    <td>
                        @Html.DisplayTextFor(i => phone.Type);
                    </td>
                </tr>                    
            }
        }
    </tbody>
</table>

但没有任何反应，据我所知，它找到了 .flexigrid() 方法，并调用它。我对所有这些 jquery 东西都很陌生，所以我不知道在哪里寻找我的问题。

Answer 1

事实上，Flexigrid 并不是这样工作的。

有两种处理数据的方法：

1. 将 URL 传递给插件。
2. 将记录作为 Json 对象直接传递到插件。

检查这个 Flexigrid & MVC3 视图上的 Jquery 和 EF4 示例。