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的增删改查
ligerui做分页显示数据的更多相关文章
- 转:JSP 分页显示数据 (Oracle)
JSP 分页显示数据 (Oracle) 标签: Oracle分页JSP分页 2013-11-19 20:40 3598人阅读 评论(1) 收藏 举报 分类: Web(11) 版权声明:本文为博主原 ...
- JSP 分页显示数据 (Oracle)
要实现分页,首先我们要做的就是如何来编写SQL语句,网上也有很多,大家可以搜一下.在这里,我们使用一种比较常用的方式来编写SQL语句.代码如下: ----分页显示 select * from (sel ...
- ASP.NET(四):ASP.net实现假分页显示数据
导读:在做数据查询的时候,有的时候查询到的数据有很多.通常呢,我们一般都是去拖动右侧边的滚动条.但是,有了分页后,我们就可以不必是使用滚动条,而直接通过分页查看我们想要的数据.在分页的过程中,有分为真 ...
- ASP.NET(五):ASP.net实现真分页显示数据
导读:在上篇文章中,介绍了用假分页实现数据的分页显示 ,而避免了去拖动滚动条.但,假分页在分页的同时,其实是拖垮了查询效率的.每一次分页都得重新查询一遍数据,那么有没有方法可以同时兼顾效率和分页呢,那 ...
- repeater 分页显示数据
表名:ChinaStates 控件:Repeater 查询代码DA: public class ChinaStatesDA { private DataClassesDataContext Conte ...
- ListView OnScrollListener详解(滑屏分页显示数据)
package com.action; import java.util.ArrayList; import java.util.List; import android.app.Activity; ...
- 用react分页显示数据
去年年底,尝试着用react写个组件化的页面! demo地址 里面有一个list页面弄了一下数据的分页展示 展示一下主要三个组件:父组件listBox.列表组件List.按钮组件PageButton ...
- jQuery+Ajax+PHP+Mysql实现分页显示数据
css <style type="text/css"> #loading{ position: absolute; top: 200px; left:400px; } ...
- JSP页面分页显示数据
效果如上图所示!最多显示10条:完整jsp和后台代码如下: <%@ page contentType="text/html;charset=UTF-8" %> < ...
随机推荐
- silverlight 富文本
- Git Shell 安装版本
#!/bin/sh v1.; do echo "Begin install Git $ver."; git reset --hard git clean -fdx git chec ...
- Mysql 解决left join 数据重复的问题
select p.*,g.roleName,pg.srcType from t_gold_pay_add p left join gRole g on p.roleID=g.roleID left j ...
- 微信企业号办公系统-JSSDK上传图片(多图上传)
在开发微信企业号办公系统中,涉及到了图片上传功能,一开始使用的flash插件上传方法,在苹果手机上可以调用相机直接拍摄照片,但在安卓手机上只能选择照片. 微信jssdk-api带有一套完整的调用选择本 ...
- javascript获取随机rgb颜色和十六进制颜色的方法
<div id="console">在线交易平台的成功秘诀:从 Ebay 到 Yelp 到 Uber</div> <script type=" ...
- mac mysql环境配置
安装mysql:http://www.mysql.com/downloads/ 找到 MySQL Community Edition (GPL) Community (GPL) Downloads » ...
- 【液晶模块系列基础视频】1.3.iM_TFT30模块简介
[液晶模块系列基础视频]1.3.iM_TFT30模块介绍 ============================== 技术论坛:http://www.eeschool.org 博客地址:http:/ ...
- 如何解包,编辑,重新打包boot images
HOWTO: Unpack, Edit, and Repack Boot Images http://forum.xda-developers.com/showthread.php?t=443994 ...
- VC++6.0 显示行号
通过VC6LineNumberAddin能够解决这个问题,方法如下. 一.下载该文件. 网上很多免费的. 二.使用方法: [1]:打开VC++6.0,点击菜单“工具(Tools) ...
- QuickStart OpenvirteX
参考:ubuntu14.04安装OpenVirteX 预准备: Java 7 sudo add-apt-repository ppa:webupd8team/java sudo apt-get upd ...