ligerui做分頁顯示數據

現在前台技術用到的是ligerui，一直想寫一個有關ligerui的顯示，利用加班的今天偷點閑復制一下下，當自己的一些小資料吧，不會的時候，還可以來看看............稍微有點多，畢竟是從前后台一起寫的，后台技術用到spring、mybatis。全部全部過程！

 html：

<div id="grid"></div>

 

js:

var grid;//
var columns;
$(function(){
     grid = $("#grid").ligerGrid({
                columns: columns,
                url: '/MCS/loanappro/getLoanApproveCommWithPagingList.do?openType='+openType,
                sortName: 'bill_code', // 排序列名
                sortOrder: 'asc', // 排序方式
                rownumbers: true,
                allowUnSelectRow: true,
                usePager: true,
                width: '100%',
                height: '100%',
                heightDiff: -4,
                parms: {
                    _filterParms: -1
                }
            });
});

var columns=[
         display: '單據編號',
                name: 'bill_code',
                width: 110,
                minWidth: 110,
                //添加超鏈接的東西
                render: function (rowdata, rowindex, value) { 
                    return '<a href="javascript:creditInfo('+rowdata.mcs_cre_credit_head_id+');" style="color:#056AFF;text-decoration: none;">'+value+'</a>';
                },
            },{
            display: '申請時間',
                name: 'create_timestamp',
                width: 150,
                minWidth: 150

},{
        display: '貸款種類', 
              name:'loan_types',
              isSort: false, 
              width:100,
              render: function (rowdata, rowindex, value){
                  var h = "";
                  if (!rowdata._editing){
                      h += "抵押<input type='checkbox' style='width:20px;'/>";
                      h += "信用<input type='checkbox'  style='width:20px;'/> "; 
                  }else{
                      h += "抵押<input type='checkbox'  style='width:20px;'/>";
                      h += "信用<input type='checkbox'  style='width:20px;'/> "; 
                  }
                  return h;
              }

}

];

前台我就簡寫了三列，可根據情況自己添寫字段。

下面介紹到后台

Controller：

package com.goldcow.emanage.loanappro.web;
@Controller
public class McsCreCreditApproController
{
    /**
     * 查詢列表分頁
     * @param queryInfo
     * @return
     */
    @RequestMapping(value="/loanappro/getLoanApproveCommWithPagingList.do",method={RequestMethod.GET,RequestMethod.POST})
    @ResponseBody
    public Map<String,Object> getLoanApproveCommWithPagingList(McsCreApproSearchBean queryInfo,HttpServletRequest request, String openType){
        //獲取當前登錄人
        HttpSession session = request.getSession();
        UserBean user =(UserBean)session.getAttribute(GlobalVal.USER_SESSION);
        return mcscrecreditapproService.getLoanApproveCommWithPagingList(queryInfo,user,openType);
    }
}

service就不寫了，直接寫serviceImpl的內容：

package com.goldcow.emanage.loanappro.service.impl;
@Service("mcscrecreditapproService")
public class McsCreCreditApproServiceImpl implements IMcsCreCreditApproService
{ 
    @Override
    public Map<String, Object> getLoanApproveCommWithPagingList(
            McsCreApproSearchBean queryInfo, UserBean user, String openType) {
    Map<String,Object> paramMap=new HashMap<String,Object>();
     paramMap.put("sortname", queryInfo.getSortname());
        paramMap.put("sortorder", queryInfo.getSortorder());
        paramMap.put("offset", queryInfo.getOffset());
        paramMap.put("pagesize", queryInfo.getPagesize());
        List<Map<String,Object>> list=mcscrecreditapproDao.getLoanApproveCommWithPagingList(paramMap);//查詢search
        GridDataBean<Map<String,Object>> bean =new GridDataBean<Map<String,Object>>(queryInfo.getPage(),mcscrecreditapproDao.getLoanApproveCommCount(paramMap),list);//getPage():第幾頁  getLoanApproveCommCount():查詢共有條數據  list:查詢
        return bean.getGridData();

}
}

接下來就是dao了：

package com.goldcow.emanage.loanappro.persist;
@MyBatisRepository
public interface McsCreCreditApproDao{
       List<Map<String,Object>> getLoanApproveCommWithPagingList(Map<String,Object> paramMap);

    int getLoanApproveCommCount(Map<String,Object> paramMap);
}

xml：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" 
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!-- namespace必須指向Dao接口 -->
<mapper namespace="com.goldcow.emanage.loanappro.persist.McsCreCreditApproDao">
   <select id="getLoanApproveCommCount" parameterType="map"  resultType="int">
    select count(

mcs_cre_credit_experience_points_main_id

) as count from mcs_cre_credit_head 

</select> 

<select id="getLoanApproveCommWithPagingList" parameterType="map" resultType="java.util.HashMap"> 
　　select 
　　mcs_cre_credit_head_id,
 　　bill_code, 
　　credit_purpose, 
max_repayment_limit_per_month,
 credit_limit
 from mcs_cre_credit_head
 <if test="sortname!=null and sortorder!=null">
 order by ${sortname} ${sortorder} 
</if>
 <if test="offset!=null and pagesize!=null">
 limit ${offset},${pagesize} 
</if> 
</select> 

</mapper>

缺少一個bean

package com.goldcow.emanage.util.gen.entity;
/**
 * 個人銀行貸款
 * @author xuxiaohua
 *
 */
public class McsCreApproSearchBean extends GridParamBean implements BaseEntity{
    private Integer mcs_cre_credit_head_id;
    
    private String bill_code;
    
    private String credit_purpose;
    
    private Double max_repayment_limit_per_month;
    
    private Double credit_limit;
    
    private Integer max_repayment_time_limit;
        //封裝好這些私有字段之后
       
        /**
    * default val cols name array
    */    
    private static String[] defaultValColArr = {
    };
    
    /**
    * pk cols name array
    */    
    private static String[] pkColArr = {
          "mcs_cre_credit_head_id"
    };
    
         private static String[] columnNameArr = {
        "mcs_cre_credit_head_id",
        "bill_code",
        "credit_purpose",
        "max_repayment_limit_per_month",
        "credit_limit",
        "max_repayment_time_limit"
             }

              /**
    * put all columns into a map
    */
    public void putInMap(Map<String, Object> paramMap) {
        paramMap.put("mcs_cre_credit_head_id", this.mcs_cre_credit_head_id);
        paramMap.put("bill_code", this.bill_code);
        paramMap.put("credit_purpose", this.credit_purpose);
        paramMap.put("max_repayment_limit_per_month", this.max_repayment_limit_per_month);
        paramMap.put("credit_limit", this.credit_limit);
        paramMap.put("max_repayment_time_limit", this.max_repayment_time_limit);
             }
              
     /**
    * return the columns map
    */
    public Map<String, Object> getInfoMap() {
        Map<String, Object> paramMap = new HashMap<String, Object>();
        this.putInMap(paramMap);
        return paramMap;
    }
    
    /**
    * remove default value and pk if it is null
    */
    private Map<String, Object> dealWithMap(Map<String, Object> paramMap) {
        Set<String> set = new HashSet<String>();
        for (String colName : defaultValColArr) {
            set.add(colName);
        }
        for (String colName : pkColArr) {
            set.add(colName);
        }
        Iterator<String> iterator = set.iterator();
        while (iterator.hasNext()) {
            String colName = iterator.next();
            if(paramMap.get(colName) == null) {
                paramMap.remove(colName);
            }
        }
        return paramMap;
    }
}

 

好像已經寫完了，啊，格式有點亂，湊合看吧！這個摁tab鍵也不好用啊。

有時間弄一份easyui的.

我覺得應該寫一份有關mybatis的增刪改查