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插件实例四:手风琴效果[无动画版]那个是没有动画效果的,且可配置性不高,本篇为有动画效果.对于一些数据做了动态的计算,以实现自适应. 欢迎大家入群相互交流,学习,新群初建,欢迎各 ...
随机推荐
- Fruit Feast(暴力)(动态规划)
Fruit Feast 时间限制: 1 Sec 内存限制: 64 MB提交: 64 解决: 18[提交][状态][讨论版] 题目描述 Bessie has broken into Farmer J ...
- vijos P1234口袋的天空(Kruskal)(最小生成树)
P1234口袋的天空 小杉坐在教室里,透过口袋一样的窗户看口袋一样的天空. 有很多云飘在那里,看起来很漂亮,小杉想摘下那样美的几朵云,做成棉花糖. 描述 给你云朵的个数N,再给你M个关系,表示哪些云朵 ...
- 列(Column)
同样是生肉,不同的生肉又有不同的特性,有的生肉是里脊肉,有的生肉是前臀尖,这块生肉是18公斤,而那块生肉是12公斤,这块生肉是12.2 元/公斤,而那块生肉是13.6 元/公斤.每块肉都有各自的不同 ...
- [JSOI2007]重要的城市(x)
开始(脑残ing)诶? 暴力能过 噼里啪啦码码码 TLE TLE 啥?看错复杂度?带个25的常数 ?*……!%@……*%#…!@#!@#……*!@#& Floyd,并记录两点间的一个重要的城市 ...
- 【权值分块】bzoj3570 DZY Loves Physics I
以下部分来自:http://www.cnblogs.com/zhuohan123/p/3726306.html 此证明有误. DZY系列. 这题首先是几个性质: 1.所有球质量相同,碰撞直接交换速度, ...
- 1.2(学习笔记) JSP动作元素
动作元素 jsp:useBean:根据指定类实例化一个对象,类似Preson per = new Preson(); <jsp:useBean id="对象名" class ...
- Python自带的hmac模块
Python自带的hmac模块实现了标准的Hmac算法 我们首先需要准备待计算的原始消息message,随机key,哈希算法,这里采用MD5,使用hmac的代码如下: import hmac mess ...
- 上传ipa文件时报错 Your account already has a valid iOS distribution certificate
这个问题是因为你本机的生产证书是在别人的电脑上创建的,所以才会提示你已经有一个有效的生产证书,但是没有安装到本地:
- jvm-监视管理控制台-jconsole
命令: jconsole 作用: jvm进程运行状态的实时.可视化工具 效果: 连接远程jvm进程: 1.首先远程jvm进程,开启了jmx服务: -Dcom.sun.management.jmxrem ...
- Matlab中struct的用法
struct在matlab中是用来建立结构体数组的.通常有两种用法: s = struct('field1',{},'field2',{},...) 这是建立一个空的结构体,field1,field ...