js里面拼接代码和使用ModelAndView

js里面拼接代码和使用ModelAndView

1.js里面拼接代码

 <tr>
            <td class="tdTitle">性别</td>
            <td class="tdCont">
                <select name="yhxb" id="yhxb" class="inputSel" style="width: 100px">
                </select>
            </td>
            <td class="tdTitle">部门</td>
            <td class="tdCont">
                <select name="yhbm" id="yhbm" class="inputSel" style="width: 100px">
                </select>
            </td>
        </tr>

//用户页面加载
window.onload = function () {
    showGender("loadGender");
    showDepart("loadBm");
}

//展示性别数据
function showGender(type) {
    $.ajax({
        url: getUrlPath() + '/userManage' + '/' + type,
        type: "POST",
        data: {"type": type},
        dataType: 'json',
        success: function (data) {
            $('#yhxb').empty();
            var head = '<option value="">' + "--请选择--" + '</option>';
            $('#yhxb').append(head);
            data.data.forEach(function (allGender) {
                var body = '<option value="' + allGender.mc + '">' + allGender.mc + '</option>';
                $('#yhxb').append(body);
            })
        },
        error: function (data) {
            layer.alert("服务器异常");
        }
    });
}

//展示部门数据
function showDepart(type) {
    $.ajax({
        url: getUrlPath() + '/userManage' + '/' + type,
        type: "POST",
        data: {"type": type},
        dataType: 'json',
        success: function (data) {
            $('#yhbm').empty();
            var head = '<option value="">' + "--请选择--" + '</option>';
            $('#yhbm').append(head);
            data.data.forEach(function (allBm) {
                var body = '<option value="' + allBm.bmmc + '">' + allBm.bmmc + '</option>';
                $('#yhbm').append(body);
            })
        },
        error: function (data) {
            layer.alert("服务器异常");
        }
    });
}

2.使用ModelAndView

使用jstl表达式

<tr>
            <td class="tdTitle">性别</td>
            <td class="tdCont">
                <select name="yhxb" id="yhxb" class="inputSel" style="width: 100px" <%=DISABLED%>>
                    <option value="${user.yhxb}">${user.yhxb}</option>
                    <c:forEach items="${gender}" var="gender">
                        <c:if test="${user.yhxb != gender.mc}">
                            <option value="${gender.mc}">${gender.mc}</option>
                        </c:if>
                    </c:forEach>
                </select>
            </td>
            <td class="tdTitle">部门</td>
            <td class="tdCont">
                <select name="yhbm" id="yhbm" class="inputSel" style="width: 100px" <%=DISABLED%>>
                    <option value="${user.yhbm}">${user.yhbm}</option>
                    <c:forEach items="${depart}" var="depart">
                        <c:if test="${user.yhbm != depart.bmmc}">
                            <option value="${depart.bmmc}">${depart.bmmc}</option>
                        </c:if>
                    </c:forEach>
                </select>
            </td>
        </tr>

//新增用户
function addUser(){
    layer.open({
        type: 2,
        title: '用户信息',
        shadeClose: false,
        shade: 0.5,
        area: ['600', '380'],
        content: getUrlPath()+'/user?yhdm=&way=add',
    });
}

    @GetMapping(value = "/user")
    public ModelAndView showUserByYhdm(@RequestParam("yhdm") String yhdm, @RequestParam("way") String way){
        ModelAndView mav = new ModelAndView();
        if (yhdm !=""){
            yhdm = EncodeUtils.urlDecode(yhdm);
            List<User> user = userHibernateService.selectUserByYhdm(yhdm);
            mav.addObject("user",user.get(0));
        }
        mav.addObject("depart",userHibernateService.showAllDepart());
        mav.addObject("gender",userHibernateService.showGender());
        mav.addObject("way",way);
        mav.setViewName("user");
        return mav;
    }