2

我已经将一个 mvc3 项目升级为 mvc4 项目，并将目标框架从 .NET 4.0 更改为 .NET 4.5（我不知道是否重要）。

现在，无论我在哪里使用 webgrid 助手，分页都完全被破坏了。实际上，更新请求被发送了 4 次，并且以“displayClient”为 Id 的元素完全从 html 文档中删除。

这是我的源代码的几行：

@{
    var grid = new WebGrid(canPage: true, canSort: true, ajaxUpdateCallback: "UpdateWebGridClient", ajaxUpdateContainerId: "displayClient", rowsPerPage: Model.RowPerPageClientId);
    grid.Bind(Model.ClientList, rowCount: Model.ClientNumber, autoSortAndPage: false);
    @grid.GetHtml(
        htmlAttributes: new { id = "grid", @class = "clientTable" },
        rowStyle: "odd",
        alternatingRowStyle: "even",
        footerStyle: "footerWebGrid",
        mode: WebGridPagerModes.All,
        numericLinksCount: 10,
        columns: grid.Columns(
            grid.Column("Id", SUResources.Admin.ClientRef, style: "ref"),
            grid.Column("FullName", SUResources.Admin.ClientFullName, style: "name"),
            grid.Column("Town", SUResources.Admin.ClientTown, style: "town"),
            grid.Column("Country", SUResources.Admin.ClientCountry, style: "country"),
            grid.Column("Email", SUResources.Admin.ClientEmail, style: "email"),
            grid.Column("PurchasedPicture", SUResources.Admin.ClientPurchasedPicture, style: "purchasedPicture"),
            grid.Column("Ca", SUResources.Admin.ClientRevenue, style: "ca"),
            grid.Column(
                style: "first-icon icons",
                format: (item) => Ajax.ActionLink(
                    " ",
                    "ClientInformation",
                    new { clientId = item.Id },
                    new AjaxOptions
                    {
                        HttpMethod = "Get",
                        UpdateTargetId = "showClientInformation",
                        InsertionMode = InsertionMode.Replace
                    },
                    new
                    {
                        @class = "record"
                    }
                )
            ),
            grid.Column(
                style: "icons",
                format:
                @<text>
                    @Html.ActionLink(" ", "Index", "SendMail", new { CustomerId = item.Id }, new { @class = "green-mail" })
                </text>
            ),
            grid.Column(
                style: "icons",
                format:
                @<text>
                    @if (item.StatusId == (short)Shootus.Domain.EnumTypes.CustomerState.Active)
                    {
                        <a onclick="ChangeCustomerStatus(this);" data-customer-id="@item.Id"> <img alt="" title="@SUResources.Admin.ClientEditionActiveUser" src="/Areas/Admin/Content/Images/Icons/ico-client-active-account.png"/></a>
                    }
                    else
                    {
                    string CustomerCurrentStatus = SUResources.Admin.ClientEditionBannedUser;

                    CustomerCurrentStatus = (item.StatusId == (short)Shootus.Domain.EnumTypes.CustomerState.NotValidated) ? SUResources.Admin.ClientEditionEmailNotValidatedUser : CustomerCurrentStatus;
                    CustomerCurrentStatus = (item.StatusId == (short)Shootus.Domain.EnumTypes.CustomerState.TurnedOff) ? SUResources.Admin.ClientEditionUnactiveUser : CustomerCurrentStatus;
                    <a onclick="ChangeCustomerStatus(this);" data-photographer-id="@item.Id"> <img alt="" title="@CustomerCurrentStatus" src="/Areas/Admin/Content/Images/Icons/ico-client-inactive-account.png"/></a>
                    }
                </text>
            ),
            grid.Column(
                style: "icons",
                format: @<text>
                    @Html.ActionLink(" ", "Delete", new { Id = item.Id }, new { @class = "delete" })
                </text>
            )
        )
    );
}
<div class="dot-line">
</div>
<div class="pager client-line-pager">
    @grid.Pager()
</div>

webgrid 中的默认分页器使用 css 属性显示隐藏。

我在生成的 html 中看到有一些新的属性，如表上的 data-swhgajax、data-swhgcallback 和为寻呼机生成的代码：data-swhgcontainer、data-swhglnk、...

我使用 jQuery.ajaxPrefilter 来处理来自页面中外部表单的一些额外数据。

有没有人有同样的问题，他解决了吗？关于这个问题的起源的想法？

感谢您花时间阅读这篇文章，我希望有人可以帮助我:-(

4

2 回答 2

1

我处理过类似的问题。

就我而言，我在 AJAX 后调用后刷新了 webgrid 内容。每次刷新 webgrid 时，都会在单击标题链接时再发送一个 get 请求。我找不到原因。

我以“ajaxifying”网格的排序结束：

$("thead tr a").click(function (e) { e.preventDefault(); $.get($(this).attr('href'), function (data) { $('#idGrid').html(data) }) })

还有寻呼机：

$("tfoot tr a").click(function (e) { e.preventDefault(); $.get($(this).attr('href'), function (data) { $('#Grid').html(data) }) })

我撤回了 ajaxUpdateContainerId webgrid 参数。并修改我的控制器，仅返回包含 webgrid 的部分视图是否有 ajax 调用：

if (Request.IsAjaxRequest(){}

我不知道这是否对任何人有用......

于 2012-12-31T16:30:44.297 回答
0

将大量使用 WebGrid 的项目从 MVC3 升级到 MVC4 后，我遇到了同样的问题。我设法解决了我的项目的问题，因此解决方案可能相同/相似

分页/排序不起作用 - 我添加了一个 jQuery 事件处理程序，该处理程序向网格显示了一个 ajax 微调器并且必须进行更改，例如

$("#my-grid a").click(function () { blockGrid($("#my-grid-div")); });

至

$("#my-grid a").click(function () { blockGrid($("#my-grid-div")); return true; });

即在处理点击后返回true，这修复了分页/排序

链接提交不止一次 - 默认情况下，新网格会启用其中的所有链接 ajax，这意味着如果您还使用确认对话框，它将被提交，然后如果您选择确定，则再次提交。就我而言，我不得不改变

myGrid.Column(format: (item) => Html.ActionLink(Strings.Remove, "removemember", new { id = ViewBag.GroupId, uid = item.Id }, new { onclick = "return confirmDialog(this, 'Remove Member?', 'Remove Member?')", rel = "remove" }))))

至

myGrid.Column(format: (item) => Html.ActionLink(Strings.Remove, "removemember", new { id = ViewBag.GroupId, uid = item.Id }, new { data_ajax = "false", onclick = "return confirmDialog(this, 'Remove Member?', 'Remove Member?')", rel = "remove" }))))

即添加data_ajax = "false"

于 2013-01-23T10:08:50.243 回答