1.js设置
//=====================数据加载=====================
/**
* grid加载数据
*
* @returns
*/
function gridLoad() {
$('#t_goods').datagrid({
idField : 'id', // 只要创建数据表格 就必须要加 ifField
title : '标的列表',
fit : true,
url : parent.baseUrl+'goods',
// url : '../file/uploadImg',
method : 'GET',
fitColumns : true,
striped : true, // 隔行变色特性
nowrap : false,
loadMsg : '数据正在加载,请耐心的等待...',
rownumbers : true,
sortName : 'crtTime',
sortOrder : 'desc',
rowStyler : function(index, record) {
},
frozenColumns : [ [ // 冻结列特性 ,不要与fitColumns 特性一起使用
{
field : 'ck',
width : 50,
checkbox : true
} ] ],
columns : [ [ {
field : 'goodsNo',
title : '内部代码',
width : 80,
sortable :true,
align : 'center'
}, {
field : 'name',
title : '标的名称',
width : 80,
sortable :true,
align : 'center'
}, {
field : 'plateNum',
title : '车牌号',
width : 80,
sortable :true,
align : 'center'
},{
field : 'firstTypeName',
title : '标的类型',
width : 50,
sortable :true,
align : 'center'
}, {
field : 'secondTypeName',
title : '标的小类',
width : 50,
sortable :true,
align : 'center'
},{
field : 'provinceItemName',
title : '标的所在省',
width : 50,
sortable :true,
align : 'center'
}, {
field : 'cityItemName',
title : '标的所在市',
width : 50,
sortable :true,
align : 'center'
}, {
field : 'qtyFact',
title : '实收数量',
width : 30,
align : 'center'
}, {
field : 'unit',
title : '计量单位',
width : 25,
align : 'center'
}, {
field : 'storage',
title : '库存',
width : 50,
align : 'center',
formatter : storageFtt
}, /*{
field : 'announcement',
title : '公告',
width : 50,
align : 'center',
formatter : announcementFtt
}, */{
field : 'auction',
title : '拍卖/变卖日志',
width : 50,
align : 'center',
formatter : auctionFtt
}, {
field : 'crtTime',
title : '创建时间',
width : 60,
sortable :true,
align : 'center'
}, {
field : 'action',
title : '操作',
width : 80,
align : 'center',
formatter : actionFtt
} ] ],
onLoadSuccess:function(data){
if(top.checkHiddenSet("plateNumFlag")){
$("#t_goods").datagrid("hideColumn", "plateNum"); // 设置隐藏列
}
} ,
pagination : true,
pageSize : 10,
pageList : [ 5, 10, 15, 20, 50 ],
toolbar : toolbarFtt()
});
};
2.controller控制器代码
@RequestMapping(method = RequestMethod.GET, produces = { "application/json" })
@ResponseBody
public ListWithTotalCount<GoodsDTO> auctionGoodsQuery(@ModelAttribute("selectedAgency") SysAgencyDto selectedAgency,
String goodsNo, String name, String goodsType, int page, int rows, String order, String sort) {
Pageable pageable;
String agencyId = selectedAgency.getId().toString(); if (sort != null && !sort.isEmpty()) {
pageable = new PageRequest(page - 1, rows, Direction.fromStringOrNull(order), sort);
} else {
pageable = new PageRequest(page - 1, rows);
} if (logger.isDebugEnabled()) {
logger.debug("auctionGoodsQuery, goodsNo: {}, name: {}, goodsType: {}", goodsNo, name, goodsType);
} Specification<Goods> spec = (root, query, cb) -> {
List<Predicate> predicates = new ArrayList<Predicate>(); if (goodsNo != null && !goodsNo.isEmpty()) {
Predicate predicate = cb.like(root.get(Goods_.goodsNo), "%" + goodsNo + "%");
predicates.add(predicate);
} if (name != null && !name.isEmpty()) {
Predicate predicate = cb.like(root.get(Goods_.name), "%" + name + "%");
predicates.add(predicate);
} if (agencyId != null && !agencyId.isEmpty() && !"0".equals(agencyId)) {
Predicate predicate = cb.equal(root.get(Goods_.agencyId), agencyId);
predicates.add(predicate);
} if (goodsType != null && !goodsType.isEmpty()) {
Predicate predicateAuctionType = cb.like(root.get(Goods_.firstType).get(GoodsType_.name),
"%" + goodsType + "%");
Predicate predicateAuctionSmlType = cb.like(root.get(Goods_.secondType).get(GoodsType_.name),
"%" + goodsType + "%");
Predicate predicate = cb.or(new Predicate[] { predicateAuctionType, predicateAuctionSmlType });
predicates.add(predicate);
} if (!predicates.isEmpty()) {
return cb.and(predicates.toArray(new Predicate[0]));
} else {
return null;
}
}; Page<Goods> pageresult = goodsRepository.findAll(spec, pageable);
List<GoodsDTO> dtoList = (new GoodsDTOAssembler()).toDTOList(pageresult.getContent()); return new ListWithTotalCount<GoodsDTO>(dtoList, (int) pageresult.getTotalElements());
}
3.页面展示效果
easyui datagrid 列排序的更多相关文章
-
easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示 用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColu ...
-
js控制easyui datagrid列的显示和隐藏
easyui datagrid 列隐藏和显示 $('#grid').datagrid('hideColumn','列field'); //把hideColumn换成showColumn 即为显示列
-
EasyUI - DataGrid 组建 - [ 排序功能 ]
效果: 红框的字段看,为设置了,列排序,向后台Post数据sort/order. 原理:向后台POST数据,sort/post数据. html代码: <table id="tab&qu ...
-
Easyui datagrid自定义排序
做项目遇到个关于排序问题,想着在前端排序,正好Easyui有这个功能,所以就拿来用了一下,因为跟官网的Demo不太一样,所以总结一下: 首先这一列是要排序的列(当然,在生产环境,这一列是隐藏的,在开发 ...
-
EasyUI DataGrid 添加排序
这个事例演示了如何在点击列头的时候排序DataGrid中全部的列可以通过点击列头被排序.你可以定义可以被排序的列.默认的,列不能被排序除非你设置sortable属性为TRUE,下面是例子:标记 < ...
-
easyui datagrid 列拖拽
首先easyui 它有提供了拖拽的功能Draggable,那我们就可以想 拖拽标题头到另外的标题头上面我们就对datagrid的columns重新绑定一次 并刷新datagrid这个功能不就行了? & ...
-
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
-
easyui datagrid 列的内容超出所定义的列宽时,自动换行
定义表单 nowrap="false"可以使得列中的内容超出所定义的列宽是就会自动换行pagination : true, // 当true时在DataGrid底部显示一个分页工 ...
-
easyUI datagrid 列宽自适应(简单 图解)(转)
响应数据格式: easyUI在html代码中结构: 发现了什么没有,我们的表头其实是一个td在td中有一个属性field那么我们就可以获得了; 以下就是自适应代码: //添加事件 function c ...
随机推荐
-
jQuery插件开发(转)
jQuery插件开发全解析 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命 ...
-
[No000029]程序员的那些事儿 -- 皆大欢喜的加薪
我的朋友A君是个典型的.NET开发人员,技术不错,人品也不错,在一家小公司(姑且称为甲公司)做项目开发,是技术骨干. 3个月前,他找到我说想跳槽,让我帮忙介绍工作.我说为什么想跳了? 1. 为什么想离 ...
-
关于java中的异常问题 1
1.首先参考一下关于java异常处理方面的知识 查看博客http://lavasoft.blog.51cto.com/62575/18920/ 这里介绍的很好,下面从中学习到一些东西,摘抄如下: 1. ...
-
C++与C#的时间转换
1.C++中的时间:(1) time_t其实是一个64位的long int类型(2) time函数:函数简介: 函数名: time 头文件: time.h 函数原型:time_t ...
-
java--反射和注解
一.java.lang.reflect类 Class类 1.反射机制(Reflection):通过类创建对象, 2.反射机制提供了如下功能: 在运行时,判断任意一个对象所属的类 构造任意一个类的对 ...
-
ioc(Inversion of Control)控制反转和DI
ioc意味着将你设计好的交给容器控制,而不是传统在你的对象中直接控制 谁控制了谁:传统的javaSE程序设计,我们直接在对象内部通过new进行创建对象,是程序主动去创建依赖对象:而ioc是有专门一个容 ...
-
Java IO(1)基础知识——字节与字符
正所谓怕什么来什么,这是知名的“墨菲定律”.Java基础涵盖各个方面,敢说Java基础扎实的人不是刚毕业的学生,就是工作N年的程序员.工作N年的程序员甚至也不敢人人都说Java基础扎实,甚至精通,往往 ...
-
mybatis批量提交
之前在做项目时,使用mybatis,批量执行sql,这里简单写下步骤 在配置数据库连接时,加入一个参数,例如 jdbc:mysql://127.0.0.1:3307/mvs-report?allowM ...
-
程序连接oracle数据库问题Cannot create PoolableConnectionFactory ...
报错: [ERROR] -- :: com.ipi.caee.InitServlet - 初始化数据加载异常 org.springframework.transaction.CannotCreateT ...
-
python大法好——字典、集合
字典 前面我们说过列表,它适合于将值组织到一个结构中并且通过编号对其进行引用.字典则是通过名字来引用值的数据结构,并且把这种数据结构称为映射,字典中的值没有特殊的顺序,都存储在一个特定的键(key)下 ...