zoukankan      html  css  js  c++  java
  • 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/GetQCDetail?workingOrderCode=@Model.WorkingOrderCode&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);
            }
  • 相关阅读:
    springBoot jpa 分页
    springBoot jpa 表单关联查询
    springBoot 登录拦截器
    SpringBoot 封装返回类以及session 添加获取
    SpringBoot 数据库操作 增删改查
    IDEA SpringBoot +thymeleaf配置
    IDEA Spring Boot 项目创建
    php判断手机段登录,以及phpcms手机PC双模板调用
    简单爬虫,查博客浏览量
    [51nod1357]密码锁 暨 GDOI2018d1t2
  • 原文地址:https://www.cnblogs.com/vinsonLu/p/12097708.html
Copyright © 2011-2022 走看看