<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 ht = "<a href=val.Name>编辑</a> <a href='val'>删除</a>"
var col = [{ display: "部门名称", name: "Name", frozen: true, align: "left" },
{ display: "部门负责人", name: "person" },
{ display: "电话", name: "tel" },
{ display: "地址", name: "address" },
{ display: "操作", render: function (val) { return "<a href=javascript:alert('编辑:" + val.Name + "')>编辑</a> <a href=javascript:alert('删除:" + val.Name + "')>删除</a>" } }
]
var row = { Rows: [{ "Name": "财务处", "person": "刘德华", "tel": "123", "address": "601房间",
"children": [{ "Name": "工资科", "person": "林俊杰" },
{ "Name": "固定资产管理科", "person": "潘玮柏","tel":"13013873248" },
]
},
{ "Name": "人力资源部", "person": "张学友", "tel": "456456", "address": "402房间" },
{ "Name": "行政部", "person": "张信哲", "tel": "2342354", "address": "501房间" },
{ "Name": "办公室", "person": "刘涛", "tel": "6574543", "address": "308房间" },
{ "Name": "规划发展部", "person": "张宇", "tel": "6766575", "address": "209房间" }
]
};
function myclick(val) {
alert(val.text);
}
var tool = { items: [{ text: "增加", icon: "add",click:myclick },
{ line: true }, { text: "修改", icon: "modify", click:myclick },
{ line: true }, { text: "删除", icon: "delete",click:myclick }]
};
var ligerManager;
$(function () {
ligerManager = $("#t1").ligerGrid({ columns: col,
data: row, rownumbers: true, checkbox: true,
toolbar: tool
});
})
</script>
</head>
<body>
<div id="t1"></div>
</body>
<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 ht = "<a href=val.Name>编辑</a> <a href='val'>删除</a>"
var col = [{ display: "部门名称", name: "Name", frozen: true, align: "left" },
{ display: "部门负责人", name: "person" },
{ display: "电话", name: "tel" },
{ display: "地址", name: "address" },
{ display: "操作", render: function (val) { return "<a href=javascript:alert('编辑:" + val.Name + "')>编辑</a> <a href=javascript:alert('删除:" + val.Name + "')>删除</a>" } }
]
var row = { Rows: [{ "Name": "财务处", "person": "刘德华", "tel": "123", "address": "601房间",
"children": [{ "Name": "工资科", "person": "林俊杰" },
{ "Name": "固定资产管理科", "person": "潘玮柏","tel":"13013873248" },
]
},
{ "Name": "人力资源部", "person": "张学友", "tel": "456456", "address": "402房间" },
{ "Name": "行政部", "person": "张信哲", "tel": "2342354", "address": "501房间" },
{ "Name": "办公室", "person": "刘涛", "tel": "6574543", "address": "308房间" },
{ "Name": "规划发展部", "person": "张宇", "tel": "6766575", "address": "209房间" }
]
};
function myclick(val) {
alert(val.text);
}
var tool = { items: [{ text: "增加", icon: "add",click:myclick },
{ line: true }, { text: "修改", icon: "modify", click:myclick },
{ line: true }, { text: "删除", icon: "delete",click:myclick }]
};
var ligerManager;
$(function () {
ligerManager = $("#t1").ligerGrid({ columns: col,
data: row, rownumbers: true, checkbox: true,
toolbar: tool
});
})
</script>
</head>
<body>
<div id="t1"></div>
</body>
</html>
效果如下
更多代码请访问源码坊