ASP.NET MVC中Layout怎么嵌套
创始人
2024-11-28 15:43:19
0次

直接上代码：

模板页Layout.cshtml代码(路径"~/Views/Backstage/MachineMng/Layout.cshtml")：

@{
  ViewBag.Title = "货机管理";
}




  @ViewBag.Title
  
    body
    {
      font-size: 12px;
      padding: 0;
      margin: 0;
      background-color: #666;
    }

    .ul-menu
    {
      float: left;
      margin: 0;
      padding: 0;
      margin-left: 3px;
    }

      .ul-menu li
      {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 45px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-right: 20px;
        border: solid 1px #999;
        cursor: pointer;
      }
  
  
  
    function gotourl(url) {
      window.location = url;
    }
  



  
    
      
        
          IMU
          
          120×90
        
      
                          欢迎您，XXX 【退出】         
                   @{             string[] weekDays = { "星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" };           }           当前时间 @DateTime.Now.ToString("yyyy-MM-dd（" + weekDays[(int)DateTime.Now.DayOfWeek] + "）HH:mm")         
                   帮助中心         
      
                          货机           运营           
  • 交易
    •           
  • 系统
    •                
        
        @RenderBody()   

    模板页RoadSetLayout.cshtml代码：(路径"~/Views/Backstage/MachineMng/RoadSetLayout.cshtml")：

    @{
  ViewBag.Title = "货道设置";
  Layout = Url.Content("~/Views/Backstage/MachineMng/Layout.cshtml");
}




  @ViewBag.Title
  
    .div-button1
    {
      float: left;
      width: 120px;
      height: 35px;
      border: solid 1px #999;
      font-size: 18px;
      line-height: 35px;
      text-align: center;
      cursor: pointer;
    }

    .div-button2
    {
      float: left;
      width: 120px;
      height: 30px;
      border: solid 1px #999;
      font-size: 14px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
    }

    .div-arrow
    {
      float: left;
      height: 55px;
      padding-top: 5px;
    }

    .div-arrow2
    {
      float: left;
      width: 35px;
      height: 22px;
      padding-top: 6px;
      margin-left: 10px;
    }
  
  
  
  
    $(function () {

    });

  


  
    
      
        货机现在运行正常
        
        连续运行3天 72小时
      
                   货机数据已经与平台数据同步，无需插数据盘。         请插入数据盘完成数据同步更新/数据盘已插入，数据传输完成10%       
                             暂停货机                       启动货机                                  货机暂停才可以进行以下操作：以下操作完成须启动货机                                                                                                        商品货道设置                                              现金管理理                                              货机运维                  @RenderBody()

    Index页面代码(路径"~/Views/Backstage/MachineMng/RoadSet/Index.cshtml")：

    @{
  ViewBag.Title = "货道设置";
  Layout = Url.Content("~/Views/Backstage/MachineMng/RoadSetLayout.cshtml");
}




  @ViewBag.Title
  
  
    body
    {
      font-size: 12px;
    }

    .div-box
    {
      float: left;
      border: solid 1px #f5f5f5;
      height: 148px;
      width: 97px;
      background-color: #f5f5f5;
      cursor: default;
    }

      .div-box div
      {
        float: left;
        margin-top: 15px;
        margin-left: 9px;
        height: 120px;
        width: 80px;
        line-height: 120px;
        font-size: 16px;
        font-family: 黑体;
        text-align: center;
      }

    .ul-instructions
    {
      float: left;
      width: 200px;
      padding: 0;
      margin: 0;
      margin-left: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
    }

      .ul-instructions li
      {
        float: left;
        list-style: none;
        width: 200px;
        line-height: 25px;
        font-size: 12px;
        margin: 0;
        padding: 3px;
      }

        .ul-instructions li div
        {
          float: left;
        }

    .div-road
    {
      float: left;
      height: 130px;
      width: 100px;
      margin-left: 20px;
      margin-top: 20px;
    }

    .table-road
    {
      background-color: #ffff00;
      border: solid 1px #999;
    }

    .div-highlight
    {
      border: solid 1px #6dbde4 !important;
      background-color: #dceaf2 !important;
    }

    .img-btn
    {
      cursor: pointer;
      margin: 3px;
    }

    .img-btn2
    {
      cursor: pointer;
      margin-left: 10px;
    }

    .table-addroads
    {
      width: 100%;
    }

      .table-addroads tr td:first-child
      {
        text-align: right;
      }

      .table-addroads tr td
      {
        height: 30px;
        padding: 3px;
      }

    .input-green
    {
      background-color: green;
    }
  
  
  
  
  
  
    $(function () {
      $("#tdboxs").load("Boxs?cargoCode=" + '@ViewBag.cargoCode' + "&t=" + new Date().valueOf(), function (data) {
        $(".div-box:first").click();
      });
    });

    //显示货柜的货道
    function showBox(obj, boxId) {
      $(".div-box").removeClass("div-highlight");
      $(obj).addClass("div-highlight");

      $("#divfloors").load("Floors?boxId=" + boxId + "&t=" + new Date().valueOf());
    }

    //添加货柜
    function addbox(addType) {
      if (confirm("确定添加？")) {
        var cargoCode = '@ViewBag.cargoCode';
        var floorType = $("input[name='floorType']:checked").val();
        $.ajax({
          type: "POST",
          url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddBox")",
          data: { "addType": addType, "cargoCode": cargoCode, "floorType": floorType },
          success: function (d) {
            var data = eval("(" + d + ")");
            if (data.ok) {
              $("#tdboxs").load("Boxs?cargoCode=" + cargoCode + "&t=" + new Date().valueOf(), function (data) {
                if (addType == 1) {
                  $(".div-box:first").click();
                } else {
                  $(".div-box:last").click();
                }
              });
            } else {
              alert("添加失败：" + data.msg);
            }
          },
          error: function () {
            alert("添加失败");
          }
        });
      }
    }

    //删除货柜
    function delbox(addType) {
      if (confirm("确定删除？")) {
        var cargoCode = '@ViewBag.cargoCode';
        $.ajax({
          type: "POST",
          url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelBox")",
          data: { "addType": addType, "cargoCode": cargoCode },
          success: function (data) {
            if (data == "ok") {
              if (addType == 1) {
                $(".div-box:first").remove();
              }
              else {
                $(".div-box:last").remove();
              }
              $(".div-box:first").click();
            }
            else {
              alert("删除失败" + data);
            }
          },
          error: function () {
            alert("删除失败");
          }
        });
      }
    }

    //添加货道
    function addroad(obj, boxId, floor) {
      $.ajax({
        type: "POST",
        url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoad")",
        data: { "boxId": boxId, "floor": floor },
        success: function (d) {
          var data = eval("(" + d + ")");

          if (data.ok) {
            var td = $(obj).parent().parent().parent().parent().find("td:first");
            td.find("#divroads_" + floor).load("Roads?boxId=" + boxId + "&floor=" + floor + "&t=" + new Date().valueOf());

            var roadNum = parseInt(td.find(".span-roadNum").text(), 10);
            td.find(".span-roadNum").html((roadNum + 1).toString());
          } else {
            alert("添加失败：" + data.msg);
          }
        },
        error: function () {
          alert("添加失败");
        }
      });
    }

    //删除货道
    function delroad(obj, boxId, floor) {
      if (confirm("确定删除？")) {
        $.ajax({
          type: "POST",
          url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelRoad")",
          data: { "boxId": boxId, "floor": floor },
          success: function (data) {
            if (data == "ok") {
              var td = $(obj).parent().parent().parent().parent().find("td:first");
              td.find(".div-road:last").remove();

              var roadNum = parseInt(td.find(".span-roadNum").text(), 10);
              if (roadNum > 0) {
                td.find(".span-roadNum").html((roadNum - 1).toString());
              }
            }
            else {
              alert("删除失败" + data);
            }
          },
          error: function () {
            alert("删除失败");
          }
        });
      }
    }

    //添加货道层
    function addfloor(obj, boxId) {
      $.ajax({
        type: "POST",
        url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddFloor")",
        data: { "boxId": boxId },
        success: function (d) {
          var data = eval("(" + d + ")");

          if (data.ok) {
            $("#divfloors").load("Floors?boxId=" + boxId + "&t=" + new Date().valueOf());

            var div = $(obj).parent().parent();
            var floorNum = parseInt(div.find(".span-floorNum").text(), 10);
            div.find(".span-floorNum").html((floorNum + 1).toString());
          } else {
            alert("添加失败：" + data.msg);
          }
        },
        error: function () {
          alert("添加失败");
        }
      });
    }

    //删除货道层
    function delfloor(obj, boxId) {
      var div = $(obj).parent().parent().parent();
      if (div.find(".table-floor").length < 2) return;

      if (confirm("确定删除？")) {
        $.ajax({
          type: "POST",
          url: "@Url.Content("~/Backstage/MachineMng/RoadSet/DelFloor")",
          data: { "boxId": boxId },
          success: function (d) {
            var data = eval("(" + d + ")");

            if (data.ok) {
              div.find(".table-floor:last").remove();

              var floorNum = parseInt(div.find(".span-floorNum").text(), 10);
              div.find(".span-floorNum").html((floorNum - 1).toString());
            } else {
              alert("删除失败：" + data.msg);
            }
          },
          error: function () {
            alert("删除失败");
          }
        });
      }
    }

    //批量添加货道
    function addroads(obj, boxId, floor) {
      SimpoWin.showWin2("更换货箱", "addroads", 240, 170);

      var windiv = $("#addroads");
      var btnOK = windiv.find("input[type='button']");
      btnOK.bind("click", function () {
        var roadNum = windiv.find("select[name='roadNum']").find("option:selected").val();
        var roadSpec = windiv.find("select[name='roadSpec']").find("option:selected").val();

        $.ajax({
          type: "POST",
          url: "@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoads")",
          data: { "boxId": boxId, "floor": floor, "roadNum": roadNum, "roadSpec": roadSpec },
          success: function (d) {
            var data = eval("(" + d + ")");

            if (data.ok) {
              var td = $(obj).parent().parent();
              td.find("#divroads_" + floor).load("Roads?boxId=" + boxId + "&floor=" + floor + "&t=" + new Date().valueOf());
              td.find(".span-roadNum").html(data.roadNum.toString());
            } else {
              alert("添加失败：" + data.msg);
            }
          },
          error: function () {
            alert("添加失败");
          }
        });

        btnOK.unbind("click");
        SimpoWin.closeWin2("addroads");
      });
    }
  


  
    客户喜好
    
    商品
    
    选择货道
    
    摆放商品
    
    完成货道商品绑定
  
  
    
      
        
          
            
  • 
              
              黄色：表示更换货道
            
    • 
            
  • 
              
              绿色：表示上货数量
            
    • 
            
  • 
              
              红色：表示现有商品数
            
    • 
            
  • 
              
              灰色：表示最大商品数
            
    • 
            
  • 
              调
              调：表示调换本商品
            
    • 
            
  • 
              换
              换：表示更换商品种类
            
    • 
          
        
        
          
            
              
            
            
              
            
          
        
        
         
        
        
          
            
              
            
            
              
            
          
        
      
      
         
         
        
          横箱竖箱
         
      
    
  
  
  
  
  
  
    
      
        
          货道数：
          
            
              4货道
              6货道
              8货道
              10货道
            
          
        
        
          货道型号：
          
            
              C25/80
              C10/50
              C30/85
              C15/75
            
          
        
        
          
            
          
        
      
    
  
  
  
    
      
        
          货道型号：
          
            
              C25/80
              C10/50
              C30/85
              C15/75
            
          
        
        
          
            
          
        
      
    
  
  
  
    
      
        
          当前货道：
          
        
        
          货道型号：
          
            
              C25/80
              C10/50
              C30/85
              C15/75
            
          
        
        
          
            
          
        
      
    
  

     效果图：

    ASP.NET MVC中Layout怎么嵌套

    上一篇：ASP.NET中JQuery+AJAX调用后台的示例分析

    下一篇：ASP.NET中怎么利用HttpWebRequest读取远程网页源代码

    相关内容

    热门资讯

    空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素，包括空调的型号、功率、使用环境和维护情况等。一般来说，空调可以连续...
    空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异，但一般来说，除湿...
    格力空调多长时间加一次氟利昂 1、一般情况下，空调对氟利昂的使用量是非常小的，所以在空调使用了四年左右的时候再考虑加也没问题。2、...
    空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时，空调才需要加氟。1、空调的室内机和室外机各有两个接口，当接...
    格调生活·C标思享荟：卡萨帝在... 9月12日的郑州龙湖金融岛，夜风轻拂，灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
    品牌价值破千亿、高端份额持续领... 9月12日，“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
    空调主板坏了修800还是换新的 空调主板坏了是修还是换新，需要考虑多个因素，以下是一些建议：1. 维修成本：如果维修费用较低，比如 ...
    空调开多久需要休息多长时间 问题：空调开多久需要休息多长时间回答：1、在使用空调的过程中，一般空调开7~8个小时左右需要休息2~...
    中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可，空调开机中间时段再清洗一次，空调关机时清洗一次，这样比较合理。2、空...
    中央空调氟利昂多久加一次 看空调制热和制冷程度，很多人的观点认为氟利昂必须一年放一次，其实这个观点是错误的，理解上面有点偏差，...