查询结果树形列表显示

言午草民 发布于 2015/03/02 09:18
阅读 1K+
收藏 0


JSP页面代码


 <%
     String scope=(String)session.getValue("scope");
     List totalList=(List)session.getAttribute("totalList");
    // System.out.println("---totalList--jsp-----"+totalList);
    // System.out.println("---scope--jsp-----"+scope);
  %>
  <%
    String rootid;
    boolean firstFlag=false;
    StringBuffer sb = new StringBuffer();
    
    //取的页面参数id
    rootid=request.getParameter("id");
    //如果是第一次
    if ( rootid==null ) 
    {
        firstFlag=true;
    rootid=session.getAttribute("brch_no").toString();
    }
    if("50".equals(pubFunc.getBrch_level(rootid)))
    {
    return ;
    }
    if(firstFlag)
    {
    sb.append("<tree id='0' >");
    sb.append("<item id='"+rootid+"' text='"+pubFunc.getBrch_name(rootid)+"' open='0' im0='folderClosed.gif' im1='folderOpen.gif' im2='folderClosed.gif' child='"+pubFunc.getChg_flag(rootid)+"'>");
    }
    else
    {
    sb.append("<item id='"+rootid+"' text='"+pubFunc.getBrch_name(rootid)+"'  im0='folderClosed.gif' im1='folderOpen.gif' im2='folderClosed.gif' child='"+pubFunc.getChg_flag(rootid)+"'>");
    }
    Vector vec = pubFunc.getSubBrch_msg(rootid);
    
    //开始输出树xml
     for ( int i=0;i<vec.size();i++)
      {
      Hashtable ht=(Hashtable) vec.get(i);
        String brch_no=ht.get("brch_no").toString();
        String brch_name=ht.get("brch_name").toString();
        String flag =ht.get("chg_flag").toString();
        if("50".equals(pubFunc.getBrch_level(brch_no)))
        flag="0";
      sb.append("\t<item id='"+brch_no+"'  text='"+brch_no+"-"+brch_name+"' im0='folderClosed.gif' im1='folderOpen.gif' im2='folderClosed.gif' child='"+flag+"'></item>");
      }
     sb.append("</item>");
    if ( firstFlag )
      sb.append("</tree>");
      //System.out.println(sb.toString());
      out.println(sb.toString());
     %>
 </head>


 <body>
 <form id="myform" name="myform" action="/servlet/vehicleInsurance/scopeQueryS" method="post">
    <table align="center" cellpadding="0" cellspacing="0" border="0" class="tit_info">
  <tr><td class="tit_info"><div align="center" > <h2>保险员绑定查询</h2></div></td></tr>
  </table>
     <div style=" margin:20px; 80px; ;200px;"></div>
         <div id="tb" style="padding:5px;height:auto">
             <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add()">新增</a>
             <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="deleteItem()">删除</a>
             <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="clearItem()">取消选择</a>
            <div style="padding:10px;height:auto">
                                    保险公司: 
           <select name="companyNo" class="easyui-combobox" panelHeight="auto" style="width:100px">
               <option value="">全部</option>
               <% if(totalList.size()!=0 && !totalList.isEmpty()){
        for(int i=0;i<totalList.size();i++){ 
List resList=(List)totalList.get(i);
     %>
    <option value="<%=(String)resList.get(0)%>"><%=(String)resList.get(1)%></option>
     <%}} %>
            </select>
                          保险员号: <input name="operNo" class="easyui-box" style="width:80px">
              <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="doQuery()">查询</a>
        </div>
       </div>
    <table id="rt"  class="easyui-datagrid" title="保险员绑定查询(请使用IE8浏览器,Chrom浏览器除外)" style="height:450px" toolbar="#tb" singleSelect="true" >
          
        <thead>
            <tr>
                <th data-options="field:'id',width:50,align:'center'" checkbox="true"></th>
                <th data-options="field:'companyNo',width:100,align:'center'">保险公司编号</th>
                <th data-options="field:'companyName',width:250,align:'center'">保险公司</th>
                <th data-options="field:'operId',width:150,align:'center'">保险员号</th>
                <th data-options="field:'operName',width:150,align:'center'">保险员姓名</th>
                <th data-options="field:'validStat',width:100,align:'center'">有效状态</th>
                <th data-options="field:'brchName',width:300,align:'center'">绑定网点名称</th>
                <th data-options="field:'brchNo',width:100,align:'center'">绑定网点号</th>
            </tr>
        </thead>
   
    </table>


   <script type="text/javascript">
   function clearItem(){
      $('#rt').datagrid('unselectRow',$('#rt').datagrid('getRowIndex',$('#rt').datagrid('getSelected')));
   }
   
   function deleteItem(){
     var rows = $('#rt').datagrid('getSelected');  
     if (null == rows || rows.length == 0) {  
        $.messager.alert("操作提示", "请选择所要删除的记录!","info");
        return;  
     }  
    $.messager.confirm('提示', '确定删除保险员:'+rows.operName+'('+rows.operId+')绑定关系吗?', function(r){
         if(r){
          var index = $('#rt').datagrid('getRowIndex', rows);
          //$('#rt').datagrid('deleteRow', index);   
          DeleteSubmit(rows.companyNo,rows.operId,rows.operName,rows.brchNo,index);
         }
        }
       );  
 } 
  function DeleteSubmit(companyNo,operId,operName,brchNo,index)  {//掉后台方法  
      $.ajax({
           type : "POST",
           url  : "/servlet/vehicleInsurance/scopeDelS?companyNo="+companyNo+"&operNo="+operId+"&brchNo="+brchNo, 
           cache : false,
           success: function (data) { 
                         data = $.trim(data); //去掉前后空格
   if("true"==data){
    $('#rt').datagrid('deleteRow', index);   
    $.messager.alert("操作提示", "保险员:"+operName+"("+operId+")解绑成功!","info");
   }else if("false"==data){
    $.messager.alert("操作提示", "保险员:"+operName+"("+operId+")解绑失败!","info");
    $('#rt').datagrid('unselectRow',index);
   }
                  },  
                error: function (data) {  
                       data = $.trim(data); //去掉前后空格
                       $.messager.alert("操作提示", data,"info"); 
                 }  
        });
       return false;   
   
    } 
 
   function doQuery(){
       $('#myform').submit();
    }
   function add(url,name,iWidth,iHeight) {
 var url="/companyQueryAction.do?actionType=2";  //转向网页的地址;
 var name="保险公司人员绑定";                  //网页名称,可为空;
 var iWidth="800";                         //弹出窗口的宽度;
 var iHeight="500";                        //弹出窗口的高度;
 var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
 var iLeft = (window.screen.availWidth-10-iWidth)/2;           //获得窗口的水平位置;
 window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
   }
    $('#rt').datagrid({
            width:"auto",
            heigth:"auto"
           // fitColumns:true
        });
    var jsonData;
<%if(scope==null || "".equals(scope)){%>
      jsonData=0;//首次加入页面
   <%}else if(scope.equals("无")){%>
       jsonData=1;//查询无结果
   <%}else{%>
     jsonData=<%=scope%>;
  <%}%>
   
if(jsonData==0){
  $('#rt').datagrid("loadData",{"total":0,"rows":[]});
}else if(jsonData==1){
   $.messager.alert("操作提示", "查询无结果记录返回!","info");
     }else{
  $('#rt').datagrid("loadData",jsonData);
 }
   </script>


 </form>
 <% session.removeAttribute("scope"); %>
 </body> 
</html:html>


点击“查询”显示查询结果(蓝色部分),红色部分为机构树形图(它是按“绑定网点号”分层的)

1.要把查询出的结果按树形列表显示,查询实现,机构树形图也有,但怎样把查询结果按照“绑定网点号”以机构树形图的方式显示,没有思路,求指点????


加载中
返回顶部
顶部