内容的动态管理

忘是亡心i 2022-06-09 07:00 130阅读 0赞

在首jsp页面上可以设置一个(a标签)之类的链接,点击可以触发请求,本例中是进行一个小窗口的弹出  
![这里写图片描述][SouthEast]

layer_show('自定义菜单', '${ctx}/test/addCustomMenu', '400', '300');

然后经过返回一个路径,显示预先编辑的jsp页面,jsp页面菜单相隐藏

然后页面初始化调用函数,Ajax方法,实现对form表单的内容填充,Ajax三级联动,拼接项,

$(function(){ 
    $(document).keydown(function(event){ 
    if(event.keyCode==13){
       //绑定回车
    $('#updateSub').click();
    }
    });
    getFirstMenu();
    functiongetFirstMenu(){
    $.ajax({
    type:'post',
    url:"${ctx}/ajaxSecMenu",
    async:false,
    data:{
    'fdid':'0',
    'menuid':'${securityUserEntity.customMenu}'
    },
    success:function(data){ 
    if(data!=null&&data!='undefind'){
    varoptions="";
    varidsss="";
    $.each(data,function(index,obj){ 
    if((index==1||(index==0&&obj.menuId!=1))&&idsss==""){
    idsss=obj.menuId;
    }
    //将返回结果添加到json数组中
    if(obj.menuId!=1){
    options+="<optionvalue=\""+obj.menuId+","+obj.hasChildMenu+"\">"+obj.menuName+"</option>";
    }
    });
    $("#menuId").val(idsss);
    $("#nativePlace").append(options);
    $("#nativeCity").empty();
    $("#nativeCity").show();
    getChildNode(idsss,"nativeCity");
    }
    },
    error:function(){ 
    alert("服务器链接异常，请稍后在试...")
    }
    });
    }
    $("#nativePlace").change(function(){ 
    varvalue=this.value;
    varidandhas=value.split(",");
    if(parseInt(idandhas[1])>0){
    $("#nativeCity").empty();
    $("#nativeCity").show();
    getChildNode(idandhas[0],"nativeCity");
    }else{
    $("#menuId").val(idandhas[0]);
    $("#nativeCity").hide();
    $("#nativeCounty").hide();
    }
    });
    $("#nativeCity").change(function(){ 
    varvalue=this.value;
    varidandhas=value.split(",");
    if(parseInt(idandhas[1])>0){
    $("#nativeCounty").empty();
    $("#nativeCounty").show();
    getChildNode(idandhas[0],"nativeCounty");
    }else{
    $("#menuId").val(idandhas[0]);
    $("#nativeCounty").hide();
    }
    });
    $("#nativeCounty").change(function(){ 
    varvalue=this.value;
    varidandhas=value.split(",");
    $("#menuId").val(idandhas[0]);
    });
    $("#updateSub").click(function(){ 
    $.ajax({
    type:"post",
    url:"${ctx}/user/addCustomMenu",
    data:$("#form_staffinfo_upd").serialize(),
    beforeSend:function(){ 
    //加载中
    waitload();
    },
    success:function(data){ 
    closewait();
    //若执行成功的话，则隐藏进度条提示
    if(data!=null&&data!='undefined'
    &&data==1){
    layer.msg('用户自定义菜单修改成功!',{icon:6,time:1000});
    parent.flushHtml();
    }elseif(data==0){
    layer.msg('很抱歉！修改失败!',{icon:5,time:1000});
    }else{
    layer.msg('系统异常！请与系统管理员联系!',{icon:5,time:1000});
    }
    }
    })
    })
    functiongetChildNode(firstNode,idName){
    $.ajax({
    type:"post",
    url:"${ctx}/ajaxSecMenu",
    async:false,
    data:{
    'fdid':firstNode,
    'menuid':'${securityUserEntity.customMenu}'
    },
    success:function(data){ 
    if(data!=null&&data!='undefind'){
    varoptions="";
    varidsss="";
    varhasChild=0;
    $.each(data,function(index,obj){ 
    if(index==0){
    idsss=obj.menuId;
    hasChild=obj.hasChildMenu;
    }
    //将返回结果添加到json数组中
    options+="<optionvalue=\""+obj.menuId+","+obj.hasChildMenu+"\">"+obj.menuName+"</option>";
    });
    $("#"+idName).append(options);
    if(idName=="nativeCity"&&hasChild==0){
    $("#nativeCounty").hide();
    }
    if(idName=="nativeCounty"&&idsss==""){
    $("#menuId").val(firstNode);
    $("#nativeCounty").hide();
    }
    if(parseInt(hasChild)==0&&idsss!=""){
    $("#menuId").val(idsss);
    }else{
    if(idName=="nativeCity"){
    $("#nativeCounty").empty();
    $("#nativeCounty").show();
    getChildNode(idsss,"nativeCounty");
    }
    }
    }else{
    $("#"+idName).hide();
    }
    },error:function(data){ 
    alert("获取二级菜单链接服务器失败")
    }
    
    })
    }
    });

然后点击提交form表单,跳转到controller层进行底层权限菜单的增加就OK了

[SouthEast]: /images/20220609/baaa79669bfb423c8511fbacd962b3b0.png