Ajax+SpringMVC 二级联动

原创 2016年05月31日 11:34:17

Ajax+SpringMVC 二级联动
效果:选中部门后,负责人下拉框选项中会出现该部门的所有人员
这里写图片描述

  • JSP部分
    注:organizations为后端返回的List
<div class="form-group">
                            <label for="orgId" class="col-sm-3 control-label">所属部门</label>
                            <div class="col-sm-9">
                                <select class="selectpicker" multiple=""  id="orgId" name="orgId" data-width="100%">
                                    <optgroup label="${organizations[0].orgName}">
                                    <c:forEach var="organization" items="${organizations}" begin="1">
                                        ${organization.hierarchy}
                                        <c:if test="${organization.hierarchy == 2}">
                                            </optgroup>
                                            <optgroup label="${organization.orgName}">
                                        </c:if>
                                        <option value="${organization.id}">${organization.orgName}</option>
                                    </c:forEach>
                                    </optgroup>
                                </select>
                            </div>
                        </div>
  • JS部分
$(function() {
    $("#orgId").change(function() {// 改变组织框的值的时候,执行方法getUser();获取对应用户
        getUser();
    });

});
function getUser() {
    var orgId = $("#orgId").find("option:checked").val();
    if (orgId == null || orgId == "") {
        return;
    }
    $.ajax({
        type : 'get',
        url : 'user/getUserByOrg',
        async : false,
        data : {
            orgId : orgId,
        },
        success : function(msg) {
            alert(msg);
            if (msg.length > 0) {
                for (i = 0; i < msg.length; i++) {
                    var responsibleUserId = msg[i].id;
                    var realName = msg[i].realName;

                    var $option = $("<option>").attr({
                        "value" : responsibleUserId
                    }).text(realName);
                    $("#responsibleUserId").append($option);
                }
            } else {
            }
        }
    });
}
  • 后端Java部分

// 显示默认的页面 
    @Override
    @RequestMapping
    public ModelAndView showDefaultPage(HttpSession session) {
        // 获取所有科室。每个节点包含其层次信息
        List<Organization> organizations = organizationBiz.getOrgExceptRoot();
        ModelAndView mav = new ModelAndView();
        mav.addObject("organizations", organizations);
        mav.setViewName(defaultPage);
        return mav;

    }
/**获取组织下的用户*/
    @RequestMapping("getUserByOrg")
    @ResponseBody
    public List<User> getUserByOrg(Integer orgId){
        return biz.getUserByOrg(orgId);
    }

另外可参考:
http://my.oschina.net/u/780884/blog/223595

版权声明:本文为博主原创文章,转载时注明出处即可。交流共享,一起进步。 GitHub地址: https://github.com/iamyong 举报

相关文章推荐

AJAX二级下拉联动【XML方式】

AJAX多级联动案例我们在购物的时候,常常需要我们来选择自己的收货地址,先选择省份,再选择城市…有没有发现:当我们选择完省份的时候,出现的城市全部都是根据省份来给我们选择的。这是怎么做到的呢???其实...

基于ajax+jqueery的二级下拉框联动

--------前台页面page1.aspx 代码-------------------------------------------- http://www.w3.org/TR/xhtml1...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

ajax jsp中二级下拉框联动 固定数据

在index.jsp中的代码如下。             二级菜单联动演示          &#...

二级菜单联动 ajax+json

Web应用目录:  具体的代码如下: AjaxJSON.java package AjaxJson;   import java.io.IOException; import java...

ajax使用之二级联动(省市)

ajax经常用于二级联动,实现的效果如下: 前台显示代码: 省市二级联动 var xmlDoc; window.o...

基于asp+ajax和数据库驱动的二级联动菜单

本文是一个基于asp+ajax和数据库驱动的二级联动菜单,感兴趣的同学参考下。 index.asp 页面代码 set cmd = conn.execute("select bi...

初学ajax,实现用户名重复提示、二级/三级联动下拉框

初学ajax,实现异步操作! 源代码下载链接:http://download.csdn.net/detail/yan13507001470/9911744                 以下...

使用ajax实现二级联动

首先想要实现的二级联动效果,页面加载时从数据库调取省份的名字,并显示在jsp页面上,改变省份时后面出现该省对应的城市; 第一步,页面加载时,省份名字显示,首先是使用jdbc连接技术,从数据库查询...

一个简单的Ajax二级联动下拉菜单

首先要导入下面的包,缺一不可 然后写jsp //获取整个项目路径 <% String path = request.getContextPath(); String basePath = req...

AJAX解析XML实例之下拉框二级联动

这个例子是实现省、市二级联动,当选择某一省时,改省下面的市就会在另一个下拉框显示出来。在本例中AJAX通过解析XML文件得到的数据传回到jsp页面,其中省市均是从数据库取到的值: jsp页面代码: ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)