jquery treegrid实例
前台jqurey代码
function organDatagrid(){
$organ_treegrid = $('#organ_treegrid').treegrid({
url:ctx+'/petition/petition-info/organ-datagrid',
fit:true,
fitColumns:false,//自适应列宽
striped:true,//显示条纹
rownumbers:true,//显示行数
nowrap : false,
border : false,
singleSelect:true,
showFooter : true,
remoteSort:false,//是否通过远程server对数据排序
/* sortName:'orderNo',//默认排序字段
sortOrder:'asc',//默认排序方式 'desc' 'asc' */
idField : 'id',
treeField:"name",
/* frozenColumns:[[
{field:'name',title:'机构名称',width:200},
{field:'sysCode',title:'机构系统编码',width:120}
]], */
columns:[[
{field:'id',title:'主键',hidden:true,sortable:true,align:'right',width:80},
{field:'name',title:'机构名称',width:400},
{field:'pcount',title:'信訪数量',width:120},
{field:'scale',title:'比例',width:120}
]]
}).datagrid('showTooltip');
}
后台业务代码
@RequestMapping(value = {"organ-datagrid"})
@ResponseBody
public Datagrid<Map> getPetitionOrgan(@RequestParam(value = "startTime", required = false)Date startTime,
@RequestParam(value = "endTime", required = false)Date endTime) throws Exception {
List<Map> list = null;
//此处省略业务代码
Datagrid<Map> dg= new Datagrid<Map>(list.size(), list);
return dg;
}
接收到的数据格式
{
"total" : 20,
"columns" : null,
"rows" : [ {
"id" : 2,
"scale" : "58.62%",
"pcount" : 17,
"status" : 0,
"_parentId" : null,
"name" : "江西省烟草专卖局(公司)"
}, {
"id" : 22,
"scale" : "17.24%",
"pcount" : 5,
"status" : 0,
"_parentId" : 2,
"name" : "赣州市烟草专卖局(公司)"
}, {
"id" : 40,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "章贡区烟草专卖局(分公司)"
}, {
"id" : 46,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "赣县烟草专卖局(分公司)"
}, {
"id" : 53,
"scale" : "3.45%",
"pcount" : 1,
"status" : 0,
"_parentId" : 22,
"name" : "南康市烟草专卖局(分公司)"
}, {
"id" : 59,
"scale" : "3.45%",
"pcount" : 1,
"status" : 0,
"_parentId" : 22,
"name" : "大余县烟草专卖局(分公司)"
}, {
"id" : 65,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "信丰县烟草专卖局(分公司)"
}, {
"id" : 72,
"scale" : "10.34%",
"pcount" : 3,
"status" : 0,
"_parentId" : 22,
"name" : "上犹县烟草专卖局(分公司)"
}, {
"id" : 78,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "崇义县烟草专卖局(分公司)"
}, {
"id" : 84,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "安远县烟草专卖局(分公司)"
}, {
"id" : 91,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "龙南县烟草专卖局(分公司)"
}, {
"id" : 97,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "定南县烟草专卖局(分公司)"
}, {
"id" : 103,
"scale" : "6.9%",
"pcount" : 2,
"status" : 0,
"_parentId" : 22,
"name" : "全南县烟草专卖局(分公司)"
}, {
"id" : 109,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "于都县烟草专卖局(分公司)"
}, {
"id" : 114,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "宁都县烟草专卖局(分公司)"
}, {
"id" : 121,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "兴国县烟草专卖局(分公司)"
}, {
"id" : 128,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "瑞金市烟草专卖局(分公司)"
}, {
"id" : 135,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "会昌县烟草专卖局(分公司)"
}, {
"id" : 141,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "寻乌县烟草专卖局(分公司)"
}, {
"id" : 147,
"scale" : "0.0%",
"pcount" : 0,
"status" : 0,
"_parentId" : 22,
"name" : "石城县烟草专卖局(分公司)"
} ]
}
dataGrid能够不须要用DataGrid类来构造,仅仅需返回list;treeGrid必须返回DataGrid类这种构造数据,才干有树形显现。
jquery treegrid实例的更多相关文章
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...
- JavaScript强化教程——jQuery AJAX 实例
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...
- jQuery AJAX实例
<html><head><title>jQuery Ajax 实例演示</title></head><script language= ...
- jQuery Ajax 实例 ($.ajax、$.post、$.get)【转载】
本文转载自:http://jun1986.iteye.com/blog/1399242 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的 ...
- jQuery Ajax 实例 ($.ajax、$.post、$.get)转
Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:ht ...
- jQuery 验证实例(shopnc二次开发)
shopnc 商家用户实现添加用户与前台用户分离, jQuery 验证实例 equalTo:等于 <div id="saleRefund" show_id="1&q ...
- 一个简单的jQuery插件开发实例
两年前写的一个简单的jQuery插件开发实例,还是可以看看的: <script type="text/javascript" src="jquery-1.7.2.m ...
- 锋利的jQuery幻灯片实例
//锋利的jQuery幻灯片实例 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...
- jQuery插件实例五:手风琴效果[动画效果可配置版]
昨天写了个jQuery插件实例四:手风琴效果[无动画版]那个是没有动画效果的,且可配置性不高,本篇为有动画效果.对于一些数据做了动态的计算,以实现自适应. 欢迎大家入群相互交流,学习,新群初建,欢迎各 ...
随机推荐
- [CF935F]Fafa and Array
法法round(雾 题意:给一个序列$a_{1\cdots n}$,定义$\begin{align*}f=\sum\limits_{i=1}^{n-1}\left|a_i-a_{i+1}\right| ...
- 【斜率优化】BZOJ1010 [HNOI2008]玩具装箱toy
[题目大意] P教授有编号为1...N的N件玩具,第i件玩具长度为Ci.为了方便整理,P教授要求在一个一维容器中的玩具编号是连续的.如果将第i件玩具到第j个玩具放到一 个容器中,那么容器的长度将为 x ...
- python3 中 and 和 or 运算规律
一.包含一个逻辑运算符 首先从基本的概念着手,python中哪些对象会被当成 False 呢?而哪些又是 True 呢? 在Python中,None.任何数值类型中的0.空字符串“”.空元组().空列 ...
- 乐观锁-version的使用
出处:http://chenzhou123520.iteye.com/blog/1863407 乐观锁介绍: 乐观锁( Optimistic Locking ) 相对悲观锁而言,乐观锁假设认为数据一般 ...
- YS端对端之间SSL通信安全问题
1.简介: 传统的互联网,SSL通信主要基于客户端和服务器之间,在物联网时代,端和端之间的加密通信将变得很普遍,在YS业务中主要的端和端通信为: (1).客户端(移动APP,YS工作 ...
- Android 上的一些profiler tools
cpu这边先配了一个unity自带的profiler https://docs.unity3d.com/560/Documentation/Manual/ProfilerWindow.html 连an ...
- D3.js系列——动态效果和Update、Enter、Exit的理解
一.动态效果 D3 支持制作动态的图表.有时候,图表的变化需要缓慢的发生,以便于让用户看清楚变化的过程,也能给用户不小的友好感. 1.什么是动态效果 前面制作的图表是一蹴而就地出现,然后绘制完成后不再 ...
- k8s debug记录之kubelet user.slice container monitor failure
在kubernetes中,如果使用其自带的单机启动脚本./hack/local-up-cluster.sh来启动一个本地集群的话,会在kubelet的日志中观察到类似以下内容的日志: Failed t ...
- Docker解析及轻量级PaaS平台演练(三)--Dockerfile编写
在本篇中将介绍Dockerfile的编写 除了通过修改Image,创建Container,在打包成Image来创建我们需要的Image之外 我们还可以编写Dockerfile文件,通过build来创建 ...
- Required MultipartFile parameter 'file' is not present error
<input type=“file”> 中的name 与id 属性 与 addbanner(@RequestParam("file") MultipartFile ...