ligerGrid简单例子--通过后台转数据

jsp页面如下：

<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@include file="/commons/include/html_doctype.html" %>
<%@taglib prefix="f" uri="http://www.jee-soft.cn/functions" %>
<html>
<head>
<title>注入信息提示</title>
<%-- <%@include file="/commons/include/get.jsp" %> --%>
<f:link href="Aqua/css/ligerui-all.css"></f:link>
<script type="text/javascript" src="${ctx}/oms/js/jquery/jquery.js"></script>
<script type="text/javascript" src="${ctx}/oms/js/lg/ligerui.min.js"></script>
<script type="text/javascript" src="${ctx}/oms/js/lg/plugins/ligerGrid.js"></script>

var columns =
        [
            { display: '登录时间', name: 'dlsj'},
            { display: '登录人', name: 'dlr' },
            { display: '登录IP', name: 'dlIP' }
         ];

$(function() {
$("#maingrid").ligerGrid({
width:1000,
dataAction:'server',
columns:columns,
// data:jsonObj,
url:"${ctx}/oms/appCrd/appCrd/zdhzbdatecount/zdhzbdatecount.ht",
//向后台提交的数据根据systemId来进行排序
sortName: 'dlsj',
//向后台提交的数据排序方向为升序
sortorder:'asc',
//后台提交的数据每页显示的记录数
pageSize: 10,
usePager:true, //数据书否分页，默认为true
pageSizeOptions:[10,50,100],//可指定每页页面大小
onSelectRow: function (rowdata, rowindex, rowobj) {
//选中行事件。。。
//alert($(rowobj).val());
},
checkbox: false,
height: '100%',
rownumbers: true
});

});

</script>
</head>
<body>
<div id="maingrid"></div>
</body>
</html>

java代码：

@RequestMapping("zdhzbdatecount")
public @ResponseBody
JSONObject zdhzbdatecount(HttpServletRequest request, HttpServletResponse response) throws Exception {
List<Zdhzbdatecount> list = new ArrayList<Zdhzbdatecount>();

SysAuditService sysAuditService = AppUtil.getBean(SysAuditService.class);
List<SysAudit> listSys = sysAuditService.getAll(new QueryFilter(request, "sysAuditItem"));

for (SysAudit e : listSys) {
Zdhzbdatecount entity = new Zdhzbdatecount();
entity.setDlIP(e.getFromIp());
if(e.getExecutor()==null){
entity.setDlr("无");
}else {
entity.setDlr(e.getExecutor());
}
entity.setDlsj(e.getExeTime());
list.add(entity);
}
String jsonstring = JSON.toJSONString(list);
JSONObject object = new JSONObject();

JSON.DEFFAULT_DATE_FORMAT = "yyyy-MM-dd";
String format = JSON.toJSONString(list, SerializerFeature.WriteDateUseDateFormat);

// object.put("Rows", JSON.parseArray(jsonstring));
object.put("Rows", JSON.parseArray(format));
object.put("Total", list.size());
return object;
}

---------------分页失败了，但不深究---------------------

转载于:https://www.cnblogs.com/rdchen/p/11050129.html

ligerGrid简单例子--通过后台转数据相关推荐

python简单例子lof_Python的净值数据接口调用示例分享
代码描述:基于python的净值数据接口调用代码实例关联数据:净值数据接口地址:https://www.juhe.cn/docs/api/id/25 #!/usr/bin/python # -*- ...
ECSide入门简单例子(转fins)
ECSide是有一个基于jsp tag的开源列表组件. 简单的说,它就是一组可以帮助你快速实现强大的列表的jsp标签. 它的工作原理很简单. 您将要展现的列表的数据集合(Collection),放入r ...
java 国际化例子_JavaSE 国际化简单例子
①在src下添加两个文件: base_zh_CN.properties Test=\u8fd9\u662f\u4e2d\u6587 base_en_US.properties Test=english ...
表单和ajax中的post请求后台获取数据方法（深度好文）
最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中data ...
使用java在后台将数据导出为excel文件
本文主要讲的是怎么使用java将数据导出为Excel文件,xls格式的. 例如:我从前台查询到的数据,要把数据进行导出为excl格式的文件.需要将前台的查询条件(数据)传递到后台,后台拿到数据,写sq ...
vue+vuex+axios从后台获取数据存入vuex，组件之间共享数据
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今 ...
Javaweb之简单例子(一)
Javaweb 之简单例子(一) 目录: 一.简述 ...
MVP模式分析及简单例子
一直在用MVC,感觉MVC才是最简单最好用的模式.也一直好奇MVP模式有什么神奇的地方,因为没用过MVP. 最近看了一个项目中的代码,就是典型的MVP模式,当然有些地方用的还是mvc,比如登录界面, ...
SAP MM采购定价过程的一个简单例子
SAP MM采购定价过程的一个简单例子本文以一个简单的例子阐述了SAP MM模块中采购定价的基本原理.本例中,假定采购订单里输入的是含税采购价,然后系统自动计算出物料最终的采购价格(含税价-税额=采 ...

ligerGrid简单例子--通过后台转数据

ligerGrid简单例子--通过后台转数据相关推荐

最新文章

热门文章