|
|
|
/**
|
|
|
|
* Created by frw on 2016/6/17.
|
|
|
|
*/
|
|
|
|
var treeData = [];
|
|
|
|
var nodeId2id = function (nodeid) {
|
|
|
|
if (nodeid == "#") {
|
|
|
|
return 0;
|
|
|
|
} else {
|
|
|
|
return nodeid.split("_")[1];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
var getPath = function (nodeid) {
|
|
|
|
var paths = [];
|
|
|
|
var num = 0;
|
|
|
|
var currentId = nodeid;
|
|
|
|
while (currentId != "#") {
|
|
|
|
var node = $("#jstree").jstree().get_node(currentId);
|
|
|
|
paths.push(node.text);
|
|
|
|
num++;
|
|
|
|
currentId = node.parent;
|
|
|
|
}
|
|
|
|
|
|
|
|
var strPath = "";
|
|
|
|
for (var i = 0; i < num; i++) {
|
|
|
|
strPath += paths.pop() + "/";
|
|
|
|
}
|
|
|
|
return strPath;
|
|
|
|
}
|
|
|
|
|
|
|
|
var openTree = function (node_id, level) {
|
|
|
|
// console.log("open tree" + node_id);
|
|
|
|
try {
|
|
|
|
var node = $("#jstree").jstree().get_node(node_id);
|
|
|
|
$("#jstree").jstree("open_node", node);
|
|
|
|
var children = node.children;
|
|
|
|
} catch (e) {
|
|
|
|
console.warn(e);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
// console.log("open children" +children);
|
|
|
|
if (level <= 1)
|
|
|
|
return;
|
|
|
|
level--;
|
|
|
|
$.each(children, function (n, data) {
|
|
|
|
openTree(data, level);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
var addType = function (node) {
|
|
|
|
var rel = 0;
|
|
|
|
var pid;
|
|
|
|
var name;
|
|
|
|
var isleaf;
|
|
|
|
$('#modal_type_update').hide();
|
|
|
|
$('#modal_type_del').hide();
|
|
|
|
$('#modal_type_add').show();
|
|
|
|
$('#myModalLabel').html("添加类型");
|
|
|
|
$('#cb_new_type_isleaf').prop("checked", true);// 默认为子节点
|
|
|
|
$('#tx_new_type_name').val("");
|
|
|
|
$('#tx_type_id').val(nodeId2id(node.id));
|
|
|
|
$('#tx_type_action').val("add");
|
|
|
|
$('#tx_new_type_isleaf').val(1);
|
|
|
|
$('#tx_new_type_parent').val(getPath(node.id));
|
|
|
|
$('#myModal').modal({keyboard: true});
|
|
|
|
|
|
|
|
return rel;
|
|
|
|
};
|
|
|
|
|
|
|
|
var doAddType = function () {
|
|
|
|
var pid = $('#tx_type_id').val();
|
|
|
|
var name = $('#tx_new_type_name').val();
|
|
|
|
if (name == null || $('#tx_new_type_name').val() == "") {
|
|
|
|
$.toaster('输入类型名', '提示', 'warning');
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var isleaf = $('#cb_new_type_isleaf').prop("checked") == true ? 1 : 0;
|
|
|
|
$.get("type/add", {"pid": pid, "name": name, "isleaf": isleaf},
|
|
|
|
function (data, state) {
|
|
|
|
var repjson = JSON.parse(data);
|
|
|
|
if (state == "success" && repjson.code == 200) {
|
|
|
|
$.toaster('添加成功', '提示', 'info');
|
|
|
|
console.log(repjson.data);
|
|
|
|
var newNode = repjson.data;
|
|
|
|
$('#jstree').jstree().create_node("#node_" + newNode.typeParentId,
|
|
|
|
{
|
|
|
|
'id': "node_" + newNode.typeId,
|
|
|
|
'text': newNode.typeName,
|
|
|
|
'parent': "#node_" + newNode.typeParentId,
|
|
|
|
'data': newNode.typeIsLeaf
|
|
|
|
}, 'last');
|
|
|
|
$('#jstree').jstree().get_node("node_" + newNode.typeId).data = newNode.typeIsLeaf;
|
|
|
|
} else
|
|
|
|
$.toaster('添加失败' + repjson.code + " " + repjson.message, '提示', 'warning');
|
|
|
|
}
|
|
|
|
).fail(function () {
|
|
|
|
$.toaster('添加失败:', '提示', 'warning');
|
|
|
|
});
|
|
|
|
$('#myModal').dialog('hide');
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 获取所有选择节点
|
|
|
|
* @param isleaf true:仅获取叶子节点;false:所有节点
|
|
|
|
* @returns {Array}
|
|
|
|
*/
|
|
|
|
var getSelectType = function (isleaf) {
|
|
|
|
var seltypes = [];
|
|
|
|
$.each($("#jstree").jstree('get_selected'), function (idx, nodeid) {
|
|
|
|
var node = $('#jstree').jstree().get_node(nodeid);
|
|
|
|
if (isleaf == true && node.data != 1)
|
|
|
|
return;
|
|
|
|
seltypes.push(nodeId2id(nodeid));
|
|
|
|
});
|
|
|
|
|
|
|
|
return seltypes;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 检查节点是否子节点
|
|
|
|
* @param nodeid
|
|
|
|
* @returns {boolean}
|
|
|
|
*/
|
|
|
|
var checkIsLeaf = function (nodeid) {
|
|
|
|
var node = $('#jstree').jstree().get_node(nodeid);
|
|
|
|
var isLeaf = node.data == 1 ? true : false;
|
|
|
|
return isLeaf;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$("#btn4type").click(function () {
|
|
|
|
console.log("frw");
|
|
|
|
if ($("#tx_type_action").val() == "add") {
|
|
|
|
doAddType();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 根据选中的节点获取信息
|
|
|
|
*/
|
|
|
|
function searchType(ip){
|
|
|
|
$("#detailTable").hide();
|
|
|
|
$.ajax({
|
|
|
|
url: contextPath + "/zkTree/getRoot",
|
|
|
|
type: "post",
|
|
|
|
dataType: "json",
|
|
|
|
data: {
|
|
|
|
ip: ip
|
|
|
|
},
|
|
|
|
success: function (data) {
|
|
|
|
$(function () {
|
|
|
|
$("#rootTable").table({
|
|
|
|
url: contextPath + "/zkTree/getRoot",
|
|
|
|
striped: true,
|
|
|
|
panelClass: "panel-success",
|
|
|
|
pagination: true,
|
|
|
|
pageSize: 10,
|
|
|
|
loadFilter: function (data) {
|
|
|
|
return defaultLoadFilter(data);
|
|
|
|
},
|
|
|
|
columns: [{
|
|
|
|
title: "名称",
|
|
|
|
field: "name",
|
|
|
|
formatter: function (value, rowData, rowIndex) {
|
|
|
|
var div = $("<div>");
|
|
|
|
var input = $("<input type=\"button\">").addClass("form-control").attr({
|
|
|
|
id :"name",
|
|
|
|
name : "name",
|
|
|
|
style : "border: none;",
|
|
|
|
value : value
|
|
|
|
}).appendTo(div);
|
|
|
|
input.click(function () {
|
|
|
|
toDetail(rowData);
|
|
|
|
});
|
|
|
|
return div;
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
title: "路径",
|
|
|
|
field: "root"
|
|
|
|
}, {
|
|
|
|
title: "操作",
|
|
|
|
formatter: function (value, rowData, rowIndex) {
|
|
|
|
var div = $("<div>");
|
|
|
|
|
|
|
|
//修改
|
|
|
|
var editBtn = $("<button data-target='#updateModal' data-toggle='modal'>").addClass("btn btn-xs btn-success").html("修改").appendTo(div);
|
|
|
|
editBtn.click(function () {
|
|
|
|
updateMObject(rowData);
|
|
|
|
});
|
|
|
|
return div;
|
|
|
|
}
|
|
|
|
}],
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
},
|
|
|
|
error: function (e) {
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var refreshTypeTree = function () {
|
|
|
|
console.log("refresh tree");
|
|
|
|
treeData = []; //重置
|
|
|
|
$.get("type/zkTree", function (data, state) {
|
|
|
|
console.log(state)
|
|
|
|
var jsonData = JSON.parse(data);
|
|
|
|
$.each(jsonData.data, function (n, val) {
|
|
|
|
var treeNode = {};
|
|
|
|
treeNode.id = "node_" + val.typeId;
|
|
|
|
treeNode.parent = (val.typeParentId == 0 ? "#" : "node_" + val.typeParentId);
|
|
|
|
treeNode.text = val.typeName;
|
|
|
|
treeNode.data = val.typeIsLeaf;
|
|
|
|
treeData.push(treeNode)
|
|
|
|
});
|
|
|
|
$('#jstree').jstree(true).settings.core.data = treeData;
|
|
|
|
$('#jstree').jstree().refresh(true, true);
|
|
|
|
|
|
|
|
setTimeout("openTree('#', 3)", 300); //展开三层
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$('#jstree').jstree({
|
|
|
|
"plugins": ["themes", "contextmenu", "ui", "types", "crrm", "core", "status"],
|
|
|
|
'core': {
|
|
|
|
"themes": {
|
|
|
|
name: 'proton',
|
|
|
|
dots: false,
|
|
|
|
icons: false
|
|
|
|
},
|
|
|
|
'data': treeData,
|
|
|
|
'check_callback': true
|
|
|
|
}
|
|
|
|
}).bind("changed.jstree",
|
|
|
|
function (e, data) {
|
|
|
|
console.log(data);
|
|
|
|
console.log("Checked: " + data.node.text);
|
|
|
|
searchType(data.node.text);
|
|
|
|
});
|
|
|
|
refreshTypeTree(); |
...
|
...
|
|
