jq动态调用mvc的局部视图

控制器NewQCBlackOutOrder:

public ActionResult NewQCBlackOutOrder(string WorkingOrderCode)
        {
            var wo = woService1.GetWorkingOrderInfo(WorkingOrderCode);
            var QcDetail = operationService.GetAutoQCDetailData(WorkingOrderCode, wo.StationId, wo.PlanFinishTime);
            ViewData["QcDetail"] = QcDetail;
            ViewData["FilesList"] = woService1.GetFilesList(WorkingOrderCode, FunctionCode.QCBlackOut);
            return View(wo);
        }

获得对象QcDetail,至于是什么可以不用管

视图NewQCBlackOutOrder.cshtml:

@{
    var QcDetail = ViewData["QcDetail"] as List<OPA_MONTHLYREPORT>;
}
<table id="table-bordered" class="table table-bordered">
                            <tr>
                                <td class="td-text-right">质控情况:</td>
                                <td id="QcDetail" colspan="3">
                                    @Html.Partial("_PartialQcDetail", QcDetail)
                                </td>
                            </tr>
                        </table>

首次进入调用如上,当要jq加载局部视图时:

function GetQC() {
        $.ajax({
            type: 'GET',
            url: '/WorkingOrder/[email protected]&stationId=' + $("#StationId").val() + '&month=' + $("#PlanFinishTime").val(),
            contentType: 'application/html;charset=utf-8',
            dataType:'html'
        })
        .success(function (data) {
            $("#QcDetail").html(data);
        })
        .error(function (xhr, status) {
            layer.alert(status);
        })
    }

局部视图GetQCDetail的控制器:

public PartialViewResult GetQCDetail(string workingOrderCode, string stationId, DateTime? month)
        {
            var QcDetail = operationService.GetAutoQCDetailData(workingOrderCode, stationId, month);
            return PartialView("_PartialQcDetail", QcDetail);
        }

猜你喜欢

转载自www.cnblogs.com/vinsonLu/p/12097708.html