zoukankan      html  css  js  c++  java
  • spring Mvc 二级联动回显(1)

    本文引用网址 http://my.oschina.net/u/780884/blog/223595

    jsp页面

     1 <script type="text/javascript">
     2 $(function(){
     3         $("#language_tm2008").change(function(){
     4             var company = $("#language_tm2008").val();
     5             $.ajax({
     6                 type:"POST",
     7                 url :"<%=basePath %>view/report/getDepart.do",
     8                 data:{
     9                     companyId:company
    10                 },
    11                 dataType:"json",
    12                 success:function(data){
    13                     $("#language_tm2009").empty();
    14                     $("#language_tm2009").append("<option value=''>----选择申请部门----</option>");
    15                     $.each(data.tasks,function(index,item){
    16                         $("#language_tm2009").append( "<option value='"+item.id+"'>"+item.name+"</option>");
    17                     });
    18                 }
    19             });
    20         });
    21     });
    22 </script>
      第一级公司是固定的 <select name="search_EQ_department_c" class="sel_hei" id="language_tm2008">    
                 <option value="">选择申请公司</option>    
                 <option value="4028805120f505f90120f54ca9320047">省公司</option>     
               <option value="4028805120f505f90120f54ca9320046">地市</option>
               </select>
    第二级部门  <select name="search_EQ_department_d" class="sel_hei" id="language_tm2009">    
              <option value="">----选择申请部门----</option>
              </select>

    后台代码:

     1 @RequestMapping(value="/getDepart")
     2     public @ResponseBody Map<String,Object> getDepartment(String companyId){
     3         //获得部门列表
     4         List<Department> departmentList = this.commonReportService.getApplyDepart(companyId);
     5         
     6         Map<String,Object> jsonMap = new HashMap<String, Object>();
     7         List list = null;
     8         if(null != departmentList && departmentList.size()>0){
     9             list = new ArrayList();
    10             for(Department depart : departmentList){
    11                 Map<String,String> taskMap=new HashMap<String,String>();
    12                 
    13                 taskMap.put("id", depart.getId());
    14                 taskMap.put("name", depart.getName());
    15                 list.add(taskMap);
    16             }
    17         }
    18         jsonMap.put("tasks", list);
    19         return jsonMap;

    JSP页面提交form表单后,返回到当前页面的时候,我们要求还是提交前的查询条件,那么就要从后台返回一个二级菜单的列表 和 提交前的 查询条件。

    1 <select name="search_EQ_department_d" class="sel_hei" id="language_tm2009">
    2     <option value="">----选择申请部门----</option>
    3     <c:if test="${departmentList!=null && fn:length(departmentList)>0}">
    4         <c:forEach items="${departmentList}" var="depart" varStatus="go">
    5             <option value="${depart.id}"  <c:if test="${depart.id == searchParams['EQ_department_d']}">selected="selected"</c:if> >${depart.name}</option>
    6         </c:forEach>
    7     </c:if>
    8 </select>
  • 相关阅读:
    P1030 求先序排列 P1305 新二叉树
    spfa
    Clairewd’s message ekmp
    Cyclic Nacklace hdu3746 kmp 最小循环节
    P1233 木棍加工 dp LIS
    P1052 过河 线性dp 路径压缩
    Best Reward 拓展kmp
    Period kmp
    Substrings kmp
    Count the string kmp
  • 原文地址:https://www.cnblogs.com/ZFnice/p/5706681.html
Copyright © 2011-2022 走看看