<!DOCTYPE html>
<html lang="zh-CN">
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
</head>
<body>
<div class="wrapper wrapper-content float-e-margins">
<div class="row">
<div id="div1"></div>
</div>
</div>
<script src="jquery.min.js"></script>
<script src="treegrid.js"></script>
<script type="text/javascript">
var url = "/menu";
var manageUrl = "/manage/menus";
function customCheckBox(row, col){
return "<input name='menu' type='checkbox'>";
}
function itemClickEvent(id, index, data){
jQuery("#currentRow").val(id + ", " + index + ", " + TreeGrid.json2str(data));
}
function expandAll(isOpen){
treeGrid.expandAll(isOpen);
}
function selectedItem(){
var treeGridItem = treeGrid.getSelectedItem();
if(treeGridItem!=null){
//获取数据行属性值
//alert(treeGridItem.id + ", " + treeGridItem.index + ", " + treeGridItem.data.name);
//获取父数据行
var parent = treeGridItem.getParent();
if(parent!=null){
//jQuery("#currentRow").val(parent.data.name);
}
//获取子数据行集
var children = treeGridItem.getChildren();
if(children!=null && children.length>0){
jQuery("#currentRow").val(children[0].data.name);
}
}
}
var data = [];
for(var i = 0;i < 10; i++){
var object = new Object();
object.icon = 'cc';
object.id = i;
object.level = null;
object.name = '测试' + i;
object.pid = null;
object.sort = i;
object.state = null;
object.url = '';
if(i == 0){
object.isopen = 'Y';
}
var children = [];
for(var j = 0;j < 10; j++){
var objects = new Object();
objects.icon = 'cc';
objects.id = j;
objects.level = null;
objects.name = '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试' + j;
objects.pid = j;
objects.sort = j;
objects.state = null;
objects.url = '123';
var childrens = [];
for(var m = 0;m < 10; m++){
var objectss = new Object();
objectss.icon = 'cc';
objectss.id = m;
objectss.level = null;
objectss.name = '测试' + m;
objectss.pid = m;
objectss.sort = m;
objectss.state = null;
objectss.url = '123';
var a = [];
for(var p = 0;p < 10; p++) {
var objectsss = new Object();
objectsss.icon = 'cc';
objectsss.id = m;
objectsss.level = null;
objectsss.name = '测试' + m;
objectsss.pid = m;
objectsss.sort = m;
objectsss.state = null;
objectsss.url = '123';
a.push(objectsss);
}
objectss.children = a;
childrens.push(objectss);
}
objects.children = childrens;
children.push(objects);
}
object.children = children;
data.push(object);
}
function loadMenu(){
var config = {
id: "tg1",
width: "800",
renderTo: "div1",
headerAlign: "left",
headerHeight: "30",
dataAlign: "left",
indentation: "20",
folderColumnIndex: "1",
// folderOpenIcon: "img/folderOpen.png",
// folderCloseIcon: "img/folderClose.png",
// defaultLeafIcon: "img/defaultLeaf.png",
itemClick: "itemClickEvent",
doubleClick: "",
expandLayer: 1,
columns:[
{headerText: "", headerAlign: "center", dataAlign: "center", width: "20", folderHidden:"true"},
{headerText: "资源名称", dataField: "name" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "资源名称", dataField: "name1" ,width: "120"},
{headerText: "ID", dataField: "id",folderHidden:"true",headerAlign: "center", width: "120"},
{headerText: "资源地址", dataField: "url", headerAlign: "center", dataAlign: "left", width: "120"}
],
data:data
};
//创建一个组件对象
var treeGrid = new TreeGrid(config);
treeGrid.show();
treeGrid.expandAll("N");
}
loadMenu();
$("#newMenuButton").on("click", function() {
var con = true;
$('input:checkbox[name=menu]:checked').each(function(i){
var row = $(this).parent().parent().attr('data');
row = eval("("+row+")");
$("#pid").val(row.name);
if(!row.pid && row.url){
con = false;
}
});
if(!con){
layer.alert('所选菜单无法添加子菜单,请清除链接！');
return;
}
$('#menuModal').modal('show');
});
$("#deleteMenuButton").on("click", function() {
var selectMenusName = [];
var menuIds = [];
$('input:checkbox[name=menu]:checked').each(function(i){
var row = $(this).parent().parent().attr('data');
row = eval("("+row+")");
menuIds.push(row.id);
selectMenusName.push(row.name);
});
if(!$('input:checkbox[name=menu]:checked').length){
layer.alert('请选择删除项！');
return;
}
layer.confirm("菜单名为" + selectMenusName, {icon: 3, title: "删除菜单"}, function(index){
$.ajax({
type:"POST",
url: manageUrl + "/remove",
contentType:"application/json",
data:JSON.stringify(menuIds),
success: function(data){
layer.alert("删除成功!", {icon: 1, time : 1500});
loadMenu();
},
error: function(e,xhr,opt){
layer.alert("删除失败! " + e.responseJSON.message, {icon: 2});
}
});
layer.close(index);
});
});
$("#saveButton").on("click", function() {
var data = {};
data.name = $("#name").val();
data.url = $("#url").val();
$('input:checkbox[name=me
demo改1.11.rar （19个子文件） 
demo改1.11 css 
bootstrap.min.css 118KB style.min.css 108KB
treegrid.html 119KB jquery.min.js 94KB img 
defaultLeaf.gif 328B
folderOpen.png 2KB tree_icons.png 5KB folderOpen.gif 1022B defaultLeaf.png 1KB folderClose.png 2KB tree.png 7KB tree_icons1.png 5KB treegrid.js 9KB .idea misc.xml 599B vcs.xml 164B .name 4B modules.xml 260B demo.iml 281B workspace.xml 21KB资源评论
gaoyanxing19872018-01-23东西比较好，功能比较强大，只是风格跟我的不太符合，没用上。
海西先知2022-03-29忽悠人的，根本秒显不了万条数据。
余生谈论爱
- 粉丝: 3
最新资源
- 海康网络监控方案(可编辑修改word版).docx
- 物联网系统课程设计.doc
- 基于51单片机的超声波测距仪之倒车雷达作品设计毕业论文.doc
- 知之为知之不知为不知MicrosoftPowerPoint演示文稿.ppt
- 系统安全评价.pptx
- litemall-移动应用开发资源
- 基于sas软件以北大光华管理学院教学评估为例.pptx
- 中远集团电子商务发展战略.pptx
- 51单片机-单片机开发资源
- 企业信息化的规划与实施.doc
- 网络的安全教育主题班会国旗下讲话发言建议书.docx
- 广州市财政局计算机网络设备采购工程技术规范书.doc
- 如何撰写有吸引力的网络推广文案.docx
- 算法初步程序框图与算法的基本逻辑结构.pptx
- 物联网产业发展规划纲要.docx
- 微型计算机控制技术试卷.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
