MVC部分视图WebGrid没有重新加载

时间:2013-04-26 20:07:53

标签: asp.net-mvc webgrid asp.net-mvc-partialview

我有以下视图和控制器:

查看:

<div class="searchPastTransactions">
<p>
    <label for="start">From:</label>
        @(Html.Kendo().DatePicker()
              .Name("from")
              .Events(e => e.Change("startChange"))
        )

        <label for="end">To:</label>
        @(Html.Kendo().DatePicker()
              .Name("to")
              .Events(e => e.Change("endChange"))
        )
</p>
    <button class="k-button" id="showGrid">Search</button>
</div>

<script>

    function startChange() {
        var endPicker = $("#to").data("kendoDatePicker"),
            startDate = this.value();

        if (startDate) {
            startDate = new Date(startDate);
            startDate.setDate(startDate.getDate() + 1);
            endPicker.min(startDate);
        }
    }

    function endChange() {
        var startPicker = $("#from").data("kendoDatePicker"),
            endDate = this.value();

        if (endDate) {
            endDate = new Date(endDate);
            endDate.setDate(endDate.getDate() - 1);
            startPicker.max(endDate);
        }
    }

    $(function () {

        $("#showGrid").click(function () {
            $.ajax({
                url: '@Url.Action("PastTransactionsPartial", "InventoryTransactions")',
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                cache: false,
                data: JSON.stringify({
                    dateFrom: $('#from').val(),
                    dateTo: $('#to').val(),
                }),
                success: function (result) {
                    $('#divPastTransactions').replaceWith(result);
                },
                error: function () { alert("Please specify from and to dates"); }
            });
        });
    });

</script>

<div id="divPastTransactions"  ></div>

部分视图:

<div id="gridContent">
@{
    var grid = new WebGrid(source: Model,
        defaultSort: "InventoryTransactionCreatedDateTime",
        rowsPerPage: 10,
        canPage: true,
        canSort: true,
        ajaxUpdateContainerId: "gridContent"
    );
    grid.SortDirection = SortDirection.Descending;
}

    @grid.GetHtml(
        tableStyle: "gridTable",
        headerStyle: "gridHead", 
        footerStyle:"gridFooter",
        rowStyle:"gridRow", 
        alternatingRowStyle: "gridAltRow",
        columns: grid.Columns(
            grid.Column(
                columnName: "InventoryTransactionID",
                header: "ID",
                style: "fiftyCenter"
            ),
            grid.Column(
                columnName: "InventoryTransactionType.InventoryTransactionTypeName",
                header: "Transaction Type",
                style: "fiftyCenter"
            ),
            grid.Column(
                columnName: "InventoryType.InventoryTypeName",
                header: "Type",
                style: "fiftyCenter"
            ),
            grid.Column(
                columnName:"Supplier",
                header:"Supplier",
                style: "eightyCenter",
                format: @<text>  @if (@item.Supplier !=null) { <span> @item.Supplier.SupplierName </span> } </text> 
            ),
            grid.Column(
                columnName: "InventoryTransactionDate",
                header: "Transaction Date",
                format: (item) => string.Format("{0:dd/MM/yyyy}", item.InventoryTransactionDate),
                style: "fiftyCenter"
            ),
            grid.Column(
                columnName: "InventoryTransactionReceipt",
                header: "Receipt/ Invoice No.",
                style: "fiftyCenter"
            ),

            grid.Column(
                columnName: "InventoryTransactionQuantity",
                header: "Quantity",
                style: "fiftyRight",
                format: (item) => string.Format("{0:N2}", item.InventoryTransactionQuantity)
            ),
            grid.Column(
                columnName: "InventoryTransactionPrice",
                header: "Price per Item",
                style: "fiftyRight",
                format: (item) => string.Format("{0:N2}", item.InventoryTransactionPrice)
            ),
            grid.Column(
                columnName: "InventoryTransactionBy",
                header: "Transaction By",
                style: "fiftyCenter"
            ),

            grid.Column(
                columnName: "InventoryTransactionRemarks",
                header: "Remarks",
                style: "twohundred"
            ),
            grid.Column(
                columnName: "InventoryTransactionCreatedDateTime",
                header: "Created On"
            ),
            grid.Column(
                columnName: "InventoryTransactionCreatedBy",
                header: "User"
            ),
            grid.Column(
                columnName: "InventoryTransactionCancelled",
                header: "Cancelled"
            ),
            grid.Column(
                columnName: "InventoryTransactionCancelledSourceID",
                header: "Cancelled ID"
            ),
            grid.Column(
                columnName:"InventoryTransactionID", 
                header: " ",
                format: @<text> @if (!@item.InventoryTransactionCancelled && @item.InventoryTransactionCancelledSourceID == null && User.IsInRole("Supervisor"))
                                { @Html.ActionLink("Cancel", "CancelTransaction", new { id = item.InventoryTransactionID}) } </text>
            )
        )
    )
</div>

控制器:

public ActionResult PastTransactionsPartial(DateTime dateFrom, DateTime dateTo)
        {
            var inventorytransactions = db.InventoryTransactions.Include(i => i.InventoryTransactionType).Include(i => i.InventoryType).Include(i => i.Supplier).Where(i => i.InventoryTransactionDate >= dateFrom && i.InventoryTransactionDate <= dateTo);
            return PartialView("_PastTransactionsPartial", inventorytransactions.ToList());
        }

我遇到的问题是,在第一次加载局部视图后,我无法用新结果替换它。我必须刷新然后再次执行搜索,否则网格将始终显示旧结果。

更新 无法找到问题的解决方案。最后,我在搜索后禁用搜索按钮,用户需要重新加载页面以进行其他搜索。

0 个答案:

没有答案