ZLPMS/PMS.WebUI/Views/Problem/NewversionWindow.cshtml

@{
    ViewBag.Title = "NewversionWindow";
    Layout = null;
}


<link href="~/Content/Scripts/plugins/layui/css/layui.css" rel="stylesheet" />
<link href="~/Content/Style/font-awesome/ico-font/iconfont.css" rel="stylesheet" />
<script src="~/Content/Scripts/jquery.min.js"></script>
<script src="~/Content/Scripts/plugins/layui/layui.js"></script>
<script src="~/Content/Scripts/SysFrame/Zlsoft.UI-1.0.js?v=1.33"></script>
<script src="~/Content/Scripts/zlpms.js?v=2.916"></script>

<form class="layui-form" style="margin-top: 20px;">
    <div class="layui-form-item">
        <label class="layui-form-label">产品</label>
        <div class="layui-input-block" style="width: 270px;">
            <select id="ccProduct" name="ccProduct" lay-filter="ccProduct" lay-verify="required">
            </select>
        </div>


    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">版本</label>
        <div class="layui-input-block" style="width: 270px;">
            <select id="version" name="version" lay-filter="version" lay-verify="required">
            </select>
        </div>
    </div>

    <button class="layui-btn" lay-submit lay-filter="form" style="margin-left: 150px; margin-top: 60px;">立即提交</button>

</form>

<script>
 layui.use('form', function () {
  var form = layui.form;

  @*$.post("/Problem/GetVersion?pid=" + "@ViewBag.id", function (data) {
   for (var i = 0; i < data.length; i++) {
    document.getElementById('version').options.add(new Option(data[i].版本号, data[i].版本号));
      }


   form.render('select');
  })*@


       $.post("/Product/GetAllProducts", function (data) {
         for (var i = 0; i < data.length; i++) {
             document.getElementById('ccProduct').options.add(new Option(data[i].名称, data[i].ID));
         }
           $.post("/Problem/GetVersionById?id=" + data[0].ID +"&type=3", function (data) {
   for (var i = 0; i < data.length; i++) {
    document.getElementById('version').options.add(new Option(data[i].版本号, data[i].版本号));
      }
               form.render();


  })

  
  })





  //监听提交
  form.on('submit(form)', function (data) {
   var param = {
    pid: "@ViewBag.id",
       version: data.field.version,
       productid: data.field.ccProduct,
   }
   var index = ZLPMS.Loading3(0)
   $.post("/Problem/SaveVersion", param, function (data) {
    if (data == 1) {
     ZLPMS.UnLoading(index)
     top.ZLPMS.Msg("保存成功!", 1)
     ZLPMS.CloseTopWindow(true)
    } else {
     ZLPMS.UnLoading(index)
     top.ZLPMS.Msg("保存失败!", 2)
    }
   })
   return false;
  });
     // 指向元素为 `<select lay-filter="test"></select>` 的选择事件
     form.on('select(ccProduct)', function (data) {
         $.post("/Problem/GetVersionById?id=" + data.value + "&type=0", function (data) {
             document.getElementById("version").innerHTML = "";
             form.render('select');
             for (var i = 0; i < data.length; i++) {
                 document.getElementById('version').options.add(new Option(data[i].版本号, data[i].版本号));
             }

             form.render('select');
         })

         
     });


 });
</script>

<style>
    .layui-form-label {
        width: 50px !important;
    }

    .layui-unselect dl {
        max-height: 190px;
    }

    .layui-input-block {
        margin-left: 80px;
    }
</style>