带有 ASP.NET MVC 的 jQuery Flexigrid答案

【问题标题】：jQuery Flexigrid with ASP.NET MVC带有 ASP.NET MVC 的 jQuery Flexigrid
【发布时间】：2013-01-19 04:05:06
【问题描述】：

我正在尝试将 Flexigrid 与 ASP.NET MVC 一起使用。我需要所有 JSON 类型的功能（搜索、排序、查找），但我在视图中使用 foreach 并循环生成表行。

<table id="gllisting">
            <% foreach (var item in Model)
               { %>
            <tr>
                <td>
                    <%= Html.Encode(item.GLCODE) %>
                </td>
                <td>
                    <%= Html.Encode(item.DESCRIPT) %>
                </td>
                <td>
                    <%= Html.Encode(item.PL_BS) %>
                </td>
                <td>
                    <%= Html.Encode(item.LOCCODE) %>
                </td>
                <td>
                    <%= Html.Encode(item.SUBLEDGER) %>
                </td>
                <td>
                    <%= Html.Encode(item.SALUTATION) %>
                </td>
                <td>
                    <%= Html.Encode(item.DEPARTMENT) %>
                </td>
             </tr>
            <% } %>
        </table>

现在我使用这样的脚本块

$(document).ready(function() {
    $("#gllisting").flexigrid({
        colModel: [
                { display: "Ledger Code", name: "glcode", width: 40, sortable: true, align: "left" },
                { display: "Description", name: "name", width: 180, sortable: true, align: "left" },
                { display: "Account Type", name: "ac_type", width: 120, sortable: true, align: "left" },
                { display: "Cash/Bank Code", name: "loccode", width: 130, sortable: true, align: "left" },
                { display: "Subledger", name: "subledgr", width: 80, sortable: true, align: "left" },
                { display: "Salutation", name: "salutation", width: 80, sortable: true, align: "left" },
                { display: "Department", name: "depmas", width: 80, sortable: true, align: "left" }],
        buttons: [
                { name: "Add", bclass: "add", onpress: test },
                { name: "Delete", bclass: "delete", onpress: test },
                { separator: true}],
        searchitems: [
                { display: "Ledger Code", name: "glcode" },
                { display: "Description", name: "name", isdefault: true}],
        sortname: "glcode",
        sortorder: "asc",
        usepager: true,
        title: "General Ledger Listing",
        useRp: true,
        rp: 15,
        showTableToggleBtn: true,
        width: 700,
        height: 500
    });
});

它不工作请帮助。我无法使用 flexigrid。我正在使用 jQuery 版本 1.4.2。

【问题讨论】：

标签： asp.net-mvc jquery-plugins flexigrid

【解决方案1】：

我认为您还需要 2 个参数： url: '/控制器/动作', 数据类型：'json'

【讨论】：

【解决方案2】：

回退到旧版本的 jQuery，例如 1.3 版。我认为它会起作用。

【讨论】：

【解决方案3】：

这似乎是一个老问题，但我认为它与我的有关，所以我可以确认第二个回复是正确的。您的 JavaScript 需要看起来像

$("#flexClients").flexigrid({
    url: '/Client/Client/',
    dataType: 'json',
    colModel: [
    { display: 'Client Id', name: 'Id', width: 100, sortable: true, align: 'center', hide: true },
    { display: 'Client #', name: 'Number', width: 100, sortable: true, align: 'center' },
    { display: 'Name', name: 'Name', width: 350, sortable: true, align: 'center' },
    { display: 'Contact 1', name: 'Contact1', width: 350, sortable: true, align: 'center' },
    ],

所以，您缺少 url 和 dataType

【讨论】：