最近研究JqueryEasyUI插件,用它的DataGrid来实现管理员权限管理的功能,但是在权限设置的时候用它提供的ComboBox发现有个BUG,那就是在点编辑的载入数据的时候莫名其妙的多了两个",," 干脆就自己用checkbox写个权限管理功能出来吧.
首先我有一个权限表power:
然后建一个服务端文件,来返回power表的数据(JSON格式),如下图:
最后再htm页面添加JqueryEasyUI的DataGrid控件,在页面载入时就加载所有的checkbox(从服务器获取数据),然后在editItem()事件里载入当前权限,
<!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>
<link href="css/jiangsCMS.css" rel="stylesheet" type="text/css" />
<link href="jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="jquery-easyui-1.2.4/jquery-1.6.min.js" type="text/javascript"></script>
<script src="jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
<script src="js/jiangsCMS.js" type="text/javascript"></script>
<script type="text/javascript">
function formatDisplay(val, row) { //格式化显示/隐藏
if (val == "True") {
return '启用';
} else {
return '<span style="color:gray;">屏蔽</span>';
}
}
function newItem(title, link) {//添加,title=标题,link=提交的页面
$('#dlg').dialog('open').dialog('setTitle', title);
$('#fm').form('clear');
url = link;
}
function editItem(title, link) {
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlg').dialog('open').dialog('setTitle', title);
$('#fm').form('load',