web 網頁 表頭排序功能

直接上源碼

--------------------------------------------------------JSP

<input type="hidden"  style="width: 100px;" name="order_lx_fenye" id="order_lx_fenye" value="${order_lx_fenye }"/>
    <input type="hidden"  style="width: 100px;" name="order_lx_order_fenye" id="order_lx_order_fenye" value="${order_lx_order_fenye }"/>
    <input type="hidden"  style="width: 100px;" name="order_lx_order_order" id="order_lx_order_order" value="${ascordesc }"/>

 

<td class="TableHeaderCell" nowrap="nowrap" style="center">
     <div class="ToolItem" οnclick="javascript:sort('hospcode_order','T1.hospcode','');">
      <input type="hidden"  style="width: 20px;" name="hospcode_order" id="hospcode_order" value="${hospcode_val}"/>
      <c:if test="${hospcode_img!=null}">
       <div class="ToolItemText">列名${hospcode_img}</div>
        </c:if>
        <c:if test="${hospcode_img==null}"><div class="ToolItemText">列名  ▼</c:if>
     </div>
    </td>

  <table style="width: 100%; border-collapse: collapse;" cellspacing="0"
  cellpadding="1" border="0">
  <tr class="TableHeader">
    <td class="Pager" nowrap="nowrap" align="center" colspan="15">
     <gfsoft:pager totalRows="${totalRows }" method="post" methodName="sortFenYe"></gfsoft:pager>
    </td>
  </tr>
 </table>

-------------------------------------------------------------------------JS

//分頁
function sortFenYe(pageIndex){
 var order_lx_fenye = $get('order_lx_fenye').value;
 var order_lx_order_order = $get('order_lx_order_fenye').value;
 if(order_lx_fenye !="" && order_lx_order_fenye!=""){
  sortfenye0(order_lx_order_order,order_lx_fenye,pageIndex);
 }else{
  search(pageIndex);
 }
}
//排序

function sort(order,p_order_lx,pageIndex){
   if($get(order).value==0){
   // window.location.href("getCheckStorageDetails.do?flage="+${param.flage}+"&"+order+"=ASC&pdid="+p_pdid+"&order_lx="+p_order_lx);
   var name = $get("name").value;
   var hospCode = $get("hospCode").value;
   var officeId = $get("officeId").value;
   var patitype = $get("patitype").value;
   var iszc = $get("iszc").value;
   var flag = $get("flag").value;
   var param = "pageIndex=" + (pageIndex ? pageIndex : 1);
       param +='&name='+name;
       param +='&hospCode='+hospCode;
       param +='&officeId='+officeId;
       param +='&patitype='+patitype;
       param +='&flag='+flag;
       param +='&iszc='+iszc;
       param +='&'+order+'=ASC&order_lx='+p_order_lx;
       param += '&ascordesc=0'
    E_ShowLoding();
    window.row=null;
    var request = new $WebRequest(baseUrl + "/nurseindex/indexDetail.do", param,
    function(result){
    $Eval($Get("PatiInfoTable"),result);
    if ($get("displayList")&&$get("displayList").rows.length > 1) {
      $get("displayList").rows[1].click();
      }
      E_HideLoding();
    }
    );
    request.Start();
   
   
   }else{
   // window.location.href("getCheckStorageDetails.do?flage="+${param.flage}+"&"+order+"=DESC&pdid="+p_pdid+"&order_lx="+p_order_lx);
    var name = $get("name").value;
   var hospCode = $get("hospCode").value;
   var officeId = $get("officeId").value;
   var patitype = $get("patitype").value;
   var iszc = $get("iszc").value;
   var flag = $get("flag").value;
   var param = "pageIndex=" + (pageIndex ? pageIndex : 1);
       param +='&name='+name;
       param +='&hospCode='+hospCode;
       param +='&officeId='+officeId;
       param +='&patitype='+patitype;
       param +='&flag='+flag;
       param +='&iszc='+iszc;
       param +='&'+order+'=DESC&order_lx='+p_order_lx;
       param += '&ascordesc=1'
    E_ShowLoding();
    window.row=null;
    var request = new $WebRequest(baseUrl + "/nurseindex/indexDetail.do", param,
    function(result){
    $Eval($Get("PatiInfoTable"),result);
    if ($get("displayList")&&$get("displayList").rows.length > 1) {
      $get("displayList").rows[1].click();
      }
      E_HideLoding();
    }
    );
    request.Start();
   
    }  
}
//feneychaxun

function sortfenye0(order,p_order_lx,pageIndex){
   if($get(order).value==0){
   // window.location.href("getCheckStorageDetails.do?flage="+${param.flage}+"&"+order+"=ASC&pdid="+p_pdid+"&order_lx="+p_order_lx);
   var name = $get("name").value;
   var hospCode = $get("hospCode").value;
   var officeId = $get("officeId").value;
   var patitype = $get("patitype").value;
   var iszc = $get("iszc").value;
   var flag = $get("flag").value;
   var param = "pageIndex=" + (pageIndex ? pageIndex : 1);
       param +='&name='+name;
       param +='&hospCode='+hospCode;
       param +='&officeId='+officeId;
       param +='&patitype='+patitype;
       param +='&flag='+flag;
       param +='&iszc='+iszc;
       param +='&'+order+'=DESC&order_lx='+p_order_lx;
       param += '&ascordesc=0'
    E_ShowLoding();
    window.row=null;
    var request = new $WebRequest(baseUrl + "/nurseindex/indexDetail.do", param,
    function(result){
    $Eval($Get("PatiInfoTable"),result);
    if ($get("displayList")&&$get("displayList").rows.length > 1) {
      $get("displayList").rows[1].click();
      }
      E_HideLoding();
    }
    );
    request.Start();
   
   
   }else{
   // window.location.href("getCheckStorageDetails.do?flage="+${param.flage}+"&"+order+"=DESC&pdid="+p_pdid+"&order_lx="+p_order_lx);
    var name = $get("name").value;
   var hospCode = $get("hospCode").value;
   var officeId = $get("officeId").value;
   var patitype = $get("patitype").value;
   var iszc = $get("iszc").value;
   var flag = $get("flag").value;
   var param = "pageIndex=" + (pageIndex ? pageIndex : 1);
       param +='&name='+name;
       param +='&hospCode='+hospCode;
       param +='&officeId='+officeId;
       param +='&patitype='+patitype;
       param +='&flag='+flag;
       param +='&iszc='+iszc;
       param +='&'+order+'=ASC&order_lx='+p_order_lx;
       param += '&ascordesc=1'
    E_ShowLoding();
    window.row=null;
    var request = new $WebRequest(baseUrl + "/nurseindex/indexDetail.do", param,
    function(result){
    $Eval($Get("PatiInfoTable"),result);
    if ($get("displayList")&&$get("displayList").rows.length > 1) {
      $get("displayList").rows[1].click();
      }
      E_HideLoding();
    }
    );
    request.Start();
   
    }  
}

 

 

-----------------------------------------------------------------------後臺

  String  serial_order="";
         String order_lx="";
         String order="";
         String ascordesc = request.getParameter("ascordesc");
         if(ascordesc !=null && !"".equals(ascordesc)){
          modelAndView.addObject("ascordesc",ascordesc);
         }
   if(request.getParameter("order_lx")!=null
         &&!request.getParameter("order_lx").toString().equals("")) {
           order_lx =request.getParameter("order_lx").toString().substring(request.getParameter("order_lx").toString().indexOf(".")+1,request.getParameter("order_lx").toString().length());
           serial_order =request.getParameter(order_lx+"_order").toString();
           modelAndView.addObject("order_lx_fenye",request.getParameter("order_lx"));//分頁用
           modelAndView.addObject("order_lx_order_fenye",order_lx+"_order");//分頁用
         }
     if(serial_order==null||serial_order.equals("")){
           modelAndView.addObject(order_lx+"_img","  ▼");
           modelAndView.addObject(order_lx+"_val","1");//0
     } else if(serial_order.equals("ASC")){
       modelAndView.addObject(order_lx+"_img","  ▼");//1
       modelAndView.addObject(order_lx+"_val","1");//1
       order="order by "+ request.getParameter("order_lx").toString()+" ASC";
     }else{
       modelAndView.addObject(order_lx+"_img","  ▲");//0
       modelAndView.addObject(order_lx+"_val","0");//0
       order="order by "+ request.getParameter("order_lx").toString()+" DESC";
     }
     if(order != null && !"".equals(order)){
      hm.put("order", order);
     }else{
      hm.put("order", null);
     }
    
     
     
     
   // 得到總行數
   int totalRows = this.getHospFacadeImpl().queryPatinfoCount(hm);
    // 當前第幾頁、每頁顯示條數、計算出開始和結束行
   int pageIndex = request.getParameter("pageIndex") == null ? 1 : Integer.parseInt(request.getParameter("pageIndex"));
   int pageSize = request.getParameter("pageSize") == null ? 15 : Integer.parseInt(request.getParameter("pageSize"));
   int start = (pageIndex - 1) * pageSize + 1;
   int end = pageIndex * pageSize;
   // 查詢入科在院(curstate=1)的病人
   hm.put("start", new Integer(start));
   hm.put("end", new Integer(end));

    List list = this.getHospFacadeImpl().queryPatinfoList(hm);

------------------------------------------------------------sqlmap

  <dynamic prepend="">
      <isNull prepend="" property="order">
        ORDER BY T8.FJH,T1.CWH 
      </isNull>
      <isNotNull prepend="" property="order">
        $order$  
      </isNotNull>
    </dynamic>