java jsp页面点击后立刻不可选及添加一个选项

Posted 2021-01-25 yangly

找到要改的按钮，发现它是个a，给它的li和a都添加一个id，使可以找到更改它

if(message.setObj.completeStates==null || message.setObj.completeStates==0 || message.setObj.completeStates==3){
                        str=str+‘<li id="submittrain" class="fff"><a  id="submit" onclick="lock(\‘‘+message.setObj.id+‘\‘)">提交训练</a></li>‘;
                    }else if(message.setObj.completeStates!=null || message.setObj.completeStates==2){
                        str=str+‘<li id="submittrain" class="ccc"><a id="submit">提交训练</a></li>‘;
                    }

不可选的样式为ccc，点击按钮后样式改为ccc，disable改为true，运行发现点击按钮后等了会才改变样式，同事看了后讲是ajax中设置了async: false，改成true即可。async为异步的

function lock(id){
    $("#submittrain").attr("class","ccc");
    $("#submit").attr("disable",true);
    console.log("点击提交训练按钮后");
    var index = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2    
     $.ajax({
         type: "POST",
         url: ‘/tagtype/lock‘,
         data:   "typeId="+id,
         async: true,        
         success: function(msg)
         {
            layer.close(index);
            layer.msg(msg.msg, {
                  icon: 1,
                  time: 1000 //2秒关闭（如果不配置，默认是3秒）
                }, function(){
                    
                    window.location.reload();
                });   
            
         } 
    });
}

更改页面弹出窗口大小

function layeropenh(url){
                  layer.open({
                      type: 2,
                      title: "集合管理",
                      shadeClose: true,
                      shade: 0.5,
                      zIndex: 9999999999,
                      maxmin: true, //开启最大化最小化按钮
                      area: [‘80%‘, ‘80%‘],//大小改这里
                      content: url
                    });
                
            }

页面增加一个选项值，表添加一个pre_train_model字段，java类中增加一个变量及对应的get、set方法

 <div class="layui-inline">
            <label class="layui-form-label">预训练模式</label>
            <div class="layui-input-block">
              <input type="radio"  name="preTrainModel" value="1" title="是" <c:if test="${entity.preTrainModel==1 }">checked=""</c:if>  >
              <input type="radio"  name="preTrainModel" value="0"  <c:if test="${entity.preTrainModel==0 }">checked=""</c:if> title="否">
            </div>
          </div>