无法使Flexigrid适用于表

时间:2012-02-15 12:41:20

标签: jquery asp.net-mvc-3 flexigrid

我已经下载了flexigrid,并将解压后的文件夹(flexigrid-1.1)复制到我的mvc3 root。

然后在我的视图中添加以下内容:

<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()metod,并调用它。我是所有这些jquery的新手,所以我不知道在哪里寻找我的问题。

1 个答案:

答案 0 :(得分:0)

实际上,Flexigrid不会那样工作。

有两种处理数据的方法:

  1. 将URL传递给插件。
  2. 将您的记录作为Json对象直接传递给插件。
  3. 选中Flexigrid & Jquery on a MVC3 view with EF4 example