Ligerui表格基本操作(四）

来源：互联网发布：http php 上传文件编辑：程序博客网时间：2024/04/30 03:31

Ligerui表格基本操作之表格统计

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
<script src="lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerToolBar.js" type="text/javascript"></script>
<script type="text/javascript">
var col = [{ display: "部门名称", name: "Name", align: "center" },
{ display: "部门负责人", name: "person", align: "center" },
{ display: "电话", name: "tel" },
{ display: "地址", name: "address" },
{ display: "语文成绩", name: "chinese", type: "float", totalSummary:{render:f2} },
{ display: "数学成绩", name: "math", type: "float" },
{ display: "英语成绩", name: "english", type: "float" }
]

var row = { Rows: [{ "Name": "财务处", "person": "刘德华", "tel": "123", "address": "601房间",chinese:10,math:20,english:30},
{ "Name": "人力资源部", "person": "张学友", "tel": "456456", "address": "402房间", chinese: 1, math: 2, english: 3 },
{ "Name": "行政部", "person": "张信哲", "tel": "2342354", "address": "501房间", chinese: 11, math: 22, english: 33 },
{ "Name": "办公室", "person": "刘涛", "tel": "6574543", "address": "308房间", chinese: 31, math: 42, english: 53 },
{ "Name": "规划发展部", "person": "张宇", "tel": "6766575", "address": "209房间", chinese: 65, math: 42, english: 83 },
{ "Name": "规划发展部", "person": "张学良", "tel": "2345", "address": "289房间", chinese: 91, math: 72, english: 45 },
{ "Name": "行政部", "person": "张雨生", "tel": "34543", "address": "1001房间", chinese: 17, math: 32, english: 53 },
{ "Name": "人力资源部", "person": "苏有朋", "tel": "8787454", "address": "809房间", chinese: 13, math: 92, english: 83 },
{ "Name": "人力资源部", "person": "郭富城", "tel": "8456432", "address": "907房间", chinese: 18, math: 12, english: 93 }
]
};

var ligerManager;
function f1(c,r) {
return "部门名称：" + c + " 数量：" + r.length;
}
function f2(a1) {
return "<div>总分：" + a1.sum+" 最高分："+a1.max+"</div>";
}
$(function () {
ligerManager = $("#t1").ligerGrid({ columns: col,
data: row, rownumbers: false, checkbox: false,
groupColumnName: "Name",groupRender:f1
});
})
</script>

</head>
<body>
<div id="t1"></div>

</body>

</html>

效果

更多代码请访问源码坊

0 0