Asp Mvc3 webgrid通过ajax进行分页和过滤

发布时间：2020-12-16 09:36:10 所属栏目：asp.Net 来源：网络整理

导读：我对Asp.Net MVC3的WebGrid控件有一点问题.我想要的是使用ajax和webgrid执行搜索视图;这样的事情：搜索条件 ______________________________ 学科： _____ 任务类型：_____ 提交搜索 WebGrid withPaging . 当我点击按钮搜索时,它会通过ajax调用HTTPost操作

我对Asp.Net MVC3的WebGrid控件有一点问题.我想要的是使用ajax和webgrid执行搜索视图;这样的事情：

搜索条件 ______________________________

学科： _____

任务类型：_____

提交搜索

WebGrid withPaging

当我点击按钮搜索时,它会通过ajax调用HTTPost操作并应用搜索条件;但是,当我尝试进行分页时,会转到HTTPGet操作;以这种方式,根据搜索标准的过滤器不执行.

我将网格放在局部视图中;有代码：

@model IEnumerable<MVC3.Models.Task>
@{
    var grid = new WebGrid(null,rowsPerPage: 2,canPage: true,canSort: true,ajaxUpdateContainerId: "myGrid");
    grid.Bind(Model,rowCount: 3,autoSortAndPage: true);
    grid.Pager(mode: WebGridPagerModes.All);
    @grid.GetHtml(
    columns: grid.Columns(
            grid.Column(format: (item) => Html.ActionLink("Assign Notifications","AssignNotifications",new { id = item.TaskId })),grid.Column(format: (item) => Html.ActionLink("Edit","Edit",grid.Column(format: (item) => Html.ActionLink("Delete","Delete",grid.Column("Subject"),grid.Column("Comment"),grid.Column(columnName: "Status",header: "Status",format: (item) => item.TaskStatu.Name),grid.Column(columnName: "StartDate",header: "Start Date",format: (item) => item.StartDate.ToString("MM/dd/yyy")),grid.Column(columnName: "Deadline",header: "Dead Line",format: (item) => item.Deadline.ToString("MM/dd/yyy"))
            )
    );
}

我的索引视图如下所示：

@model MVC3.ViewModel.TaskSearchViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
    Task Index</h2>
<hr />
@using (Ajax.BeginForm(new AjaxOptions { InsertionMode = InsertionMode.Replace,UpdateTargetId = "myGrid" }))
{
    <div id="Filters">
        <fieldset>
            <legend>Search criteria</legend>
            <br />
            <table>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.Subject)
                    </td>
                    <td>
                        @Html.TextBoxFor(x => x.Subject,new { style = "width: 255px;" })
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.TaskTypeId)
                    </td>
                    <td>
                        @Html.DropDownListFor(x => x.TaskTypeId,Model.GetTaskTypesSelectList(),"Select",new { style = "width: 260px;" })
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.ResponsableId)
                    </td>
                    <td>
                        @Html.DropDownListFor(x => x.ResponsableId,Model.GetResponsablesSelectList(),new { style = "width: 260px;" })
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.LabelFor(x => x.StatusId)
                    </td>
                    <td>
                        @Html.DropDownListFor(x => x.StatusId,Model.GetStatusSelectList(),new { style = "width: 260px;" })
                    </td>
                </tr>
            </table>
        </fieldset>
    </div>
    @Html.Hidden("page")
    <input id="btnSearch" type="submit" value="Search" />
}
<br />
<div id="myGrid">
    @Html.Partial("_TaskSearchResult",Model.ResultTask)
</div>
<br />
@Html.ActionLink("Create new Task","NewTask")

所以,如果有人知道如何解决我的问题,我将不胜感激.

欢迎
阿图罗

解决方法

我认为这是因为每次单击下一页链接时都会替换网格.也许使用这样的东西：

@model IEnumerable<MVC3.Models.Task>
@{
    var grid = new WebGrid(null,autoSortAndPage: true);
    grid.Pager(mode: WebGridPagerModes.All);
<div id="myGrid">
    @grid.GetHtml(
    columns: grid.Columns(
            grid.Column(format: (item) => Html.ActionLink("Assign Notifications",format: (item) => item.Deadline.ToString("MM/dd/yyy"))
            )
    );
</div>
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!