You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

370 lines
17 KiB

<%@
page contentType="text/html; charset=euc-kr"
import="kr.co.kihyun.beans.user.HttpSSOLogin"
import="kr.co.kihyun.moumi.Moumi"
import="kr.co.kihyun.lang.MString"
import="kr.co.kihyun.lang.MLong"
import="kr.co.kihyun.beans.user.Dept"
import="kr.co.kihyun.beans.user.PartList"
%>
<%
String rootId = request.getParameter("rootID");
String keyWord = request.getParameter("keyWord");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr"></meta>
<script type="text/javascript" src="/test/jquery-1.6.4.js"></script>
<script type="text/javascript" src="/test/_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="/test/_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="/test/jquery.jstree.js"></script>
<style>
#newTree { text-align: justify; font-size:9pt; vertical-align:middle; }
</style>
</head>
<body>
<input type="button" class="button" value="Search" id="search" style="display:none" />
<input type="button" class="button" value="Search clear" id="searchClear" style="display:none" />
<input type="button" class="button" value="checked Id" id="checkbtn" style="display:none" />
<input type="button" class="button" value="focus Move" id="focusMove" style="display:none" />
<div id="searchType" style="display:none"></div>
<div id="searchWord" style="display:none"></div>
<div id="moveType" style="display:none"></div>
<div id="newTree" class="newTree"></div>
<div id="autoExpanded" style="display:none">Y</div>
<script type="text/javascript" class="source">
var gSearchGubun = "GROUP"; //default=GROUP
var gblSearched = false;
$(function() {
$("#newTree").jstree({
"plugins": ["themes", "json_data", "checkbox", "search", "types", "ui", "core"],
"themes": {
"theme": "classic",
"dots": true,
"icons": true,
"url": "/test/themes/classic/style.css"
},
"json_data": {
"data": [
{
"data": "<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>׷<EFBFBD>",
"state": "closed",
"attr": {"id": "ROOT", "rel": "ROOT", "rootid": '<%=rootId%>'}
}
],
"ajax": {
"type": "POST",
"url": "/servlet/kr.co.kihyun.tree.Tree",
"data": function(n) {
var data = {};
data.id = n.attr("id");
data.rootId = n.attr("rootId");
data.gubun = "AREA";
data.userYN = "N";
return data;
}
},
"progressive_render": true
},
"checkbox": {state_type: "three-state"},
"search": {
"case_insensitive": true,
"ajax": {
"type": "POST",
"url": "/servlet/kr.co.kihyun.tree.TreeSearch",
"data": function(str) {
var data = {};
data.keyWord = str;
data.startId = encodeURIComponent('<%=rootId%>');
data.gubun = "GROUP_AREA";
return data;
},
"async": false,
"success": function(data) {
//alert("data = " + data);
if (data.length == 0 || data == "#" || data == ('#' + '<%=rootId%>')) {
alert('<%=Moumi.getMessageBundle().getString("moumi.message.popup.notSearchGroupDept")%>'); //<EFBFBD>˻<EFBFBD><EFBFBD><EFBFBD> <EFBFBD>׷<EFBFBD><EFBFBD><EFBFBD>/<EFBFBD>μ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD>.
gblSearched = false;
} else {
gblSearched = true;
}
}
}
},
"types": {
"valid_children": ["ROOT", "DEPT", "USER"],
"types": {
"ROOT": {
"icon": {"image": "/totsys/common/images/pc-user.gif"}
},
"USER": {
"icon": {"image": "/totsys/common/images/person.png"}
}
}
},
"core": {'initially_open': ['ROOT']}
});
$("#searchClear").click(function() {
$("#newTree").jstree("clear_search");
$("#searchResult").empty();
});
$("#search").click(function() {
gblSearched = false;
$("#newTree").jstree("search", $('#searchWord').text());
});
//### <EFBFBD>˻<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>Ŀ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȴ<EFBFBD>. : <EFBFBD>˻<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>ʷ<EFBFBD> <EFBFBD><EFBFBD>Ŀ<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>̵<EFBFBD><EFBFBD><EFBFBD>Ų<EFBFBD><EFBFBD>.
$("#newTree").bind("search.jstree", function(e, data) {
if (data.rslt.nodes.length > 0) {
//1.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
$('#newTree').jstree('deselect_all');
//2.<EFBFBD>˻<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>ٸ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> style<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
var tmpRel = "";
$("#newTree").find(".jstree-search").each(function() {
tmpRel = $(this).parent("li").attr("rel");
//alert("rel = " + tmpRel );
if (gSearchGubun !== tmpRel) {
try {
$(this).removeClass("jstree-search");
} catch (e) {
alert(e);
}
}
});
//ã<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>ִٸ<EFBFBD> ...
if(gblSearched == true) {
$("#moveType").text("down");
$("#focusMove").click();
}
}
//@@@ gblSearching = false;
//alert("Found " + data.rslt.nodes.length + " nodes matching '" + data.rslt.str + "'.");
});
$("#newTree").bind("check_node.jstree", function(e, data) {
// //<EFBFBD>ڵ<EFBFBD><EFBFBD><EFBFBD>ħ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD>/<EFBFBD><EFBFBD><EFBFBD><EFBFBD>/<EFBFBD>μ<EFBFBD>/<EFBFBD><EFBFBD>ü<EFBFBD><EFBFBD> <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͽ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> autoExpanded<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƿ<EFBFBD>
// if($("#autoExpanded").text() == "") {
// //alert($("#autoExpanded").text() );
// parent.fn_onAutoExpanded();
// }
//<EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD>! <EFBFBD>ݹ<EFBFBD><EFBFBD>Լ<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͽ<EFBFBD><EFBFBD><EFBFBD> <EFBFBD>Ѵ<EFBFBD>.
//alert($("#autoExpanded").text());
$("#autoExpanded").text("N");
data.inst.open_node(data.rslt.obj, false, true);
});
$("#newTree").bind("after_open.jstree", function(e, data) {
//alert($("#autoExpanded").text());
//<EFBFBD>ڵ<EFBFBD><EFBFBD><EFBFBD>ħ<EFBFBD><EFBFBD> <EFBFBD>ƴ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>带 Ŭ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϰ<EFBFBD>, <EFBFBD>ڵ<EFBFBD><EFBFBD><EFBFBD>ħ<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
if($("#autoExpanded").text() == "N") {
data.inst.close_node(data.rslt.obj, true);
$("#autoExpanded").text("Y");
}
});
//**<EFBFBD>߰<EFBFBD><EFBFBD>κ<EFBFBD>**//
$(window).bind("focus", function(e) {
if (e.target === window) {
$('input[name="myName"]').focus();
}
});
//**<EFBFBD>߰<EFBFBD><EFBFBD>κ<EFBFBD> <EFBFBD><EFBFBD>**//
//üũ<EFBFBD>Ȱ<EFBFBD><EFBFBD><EFBFBD> <EFBFBD>߰<EFBFBD><EFBFBD><EFBFBD>ư<EFBFBD><EFBFBD> Ŭ<EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD> <EFBFBD>μ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʈ<EFBFBD><EFBFBD> <EFBFBD>߰<EFBFBD><EFBFBD>ȴ<EFBFBD>.
$("#checkbtn").click(function() {
iChkCnt = 0
$("#newTree").jstree("get_checked", null, true).each(function() {
//alert(" this.id = " + this.id);
//alert(" this.deptname = " + this.deptname);
//alert(" this.organdeptname = " + this.organdeptname);
//alert(" this.upperdeptname = " + this.upperdeptname);
if (this.id.length > 10 || this.id == 'ROOT')
return;
var testID = this.id;
testID = testID.substring(1, 2);
testID = testID.replace(" ", "");
if (testID == "9") {
} else {
iChkCnt = iChkCnt + 1;
//parent.putSelId(this.id);
parent.putSelId2(this.id, this.deptname, this.organdeptname, this.upperdeptname);
}
//parent.putSelId(this.id);
});
if (iChkCnt == 0) {
alert('<%=Moumi.getMessageBundle().getString("moumi.message.doc.SubmitDevision")%>'); //<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>μ<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ּ<EFBFBD><EFBFBD><EFBFBD>.
} else {
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>μ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʈ<EFBFBD><EFBFBD> ǥ<EFBFBD>õȴ<EFBFBD>.
parent.document.list.submit();
}
});
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>˻<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD>Ŀ<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>̵<EFBFBD><EFBFBD><EFBFBD>Ų<EFBFBD><EFBFBD>. strType : down, up
$("#focusMove").click(function() {
var moveType = $("#moveType").text(); //down,up
//alert("moveType = " + moveType);
//1.<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD> object<EFBFBD><EFBFBD> offset.top<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
var NODE = $.jstree._focused().get_selected();
var nodeId = $(NODE).attr("id");
if (nodeId == undefined) {
nodeId = "";
}
var currentObj = $('#' + nodeId);
var currentOffset = currentObj.offset();
var currentOffsetTop = -1;
if(currentOffset != null) {
currentOffsetTop = currentOffset.top;
}
//2.<EFBFBD><EFBFBD><EFBFBD><EFBFBD> currentOffsetTop <EFBFBD><EFBFBD><EFBFBD><EFBFBD> ū <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD> id<EFBFBD><EFBFBD> ã<EFBFBD>Ƽ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
var currentNodeId = "";
currentNodeId = getDeptUserId(nodeId, currentOffsetTop, moveType);
//3.<EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD> id<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>ٸ<EFBFBD> <EFBFBD>޼<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
if(currentNodeId === null || currentNodeId === "") {
alert("<EFBFBD><EFBFBD> <EFBFBD>̻<EFBFBD> ã<EFBFBD><EFBFBD> <EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD>.");
return;
}
//4.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
$('#newTree').jstree('deselect_all');
//5.<EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD> id<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
$("#newTree").jstree("select_node", '#' + currentNodeId); //591
try {
var selectedObj = $('#' + currentNodeId);
var elementOffset = selectedObj.offset();
//alert("[offset.top] : " + elementOffset.top + "\n[offset.left] : " + elementOffset.left);
var verticalCenterPosition = $("html").height() / 2;
//// <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>̵<EFBFBD>
//$("html").scrollTop(elementOffset.top - verticalCenterPosition);
// <EFBFBD>ε巴<EFBFBD><EFBFBD> <EFBFBD>̵<EFBFBD>(500ms)
$("html").animate({
scrollTop: elementOffset.top - verticalCenterPosition
}, 500);
} catch(e) {
alert(e);
}
});
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŭ<EFBFBD><EFBFBD> <EFBFBD>ÿ<EFBFBD> ...
$("#newTree").bind("dblclick.jstree", function(e, data) {
iChkCnt = 0
var NODE = $.jstree._focused().get_selected();
var nodeId = $(NODE).attr("id");
var deptname = $(NODE).attr("deptname");
var organdeptname = $(NODE).attr("organdeptname");
var upperdeptname = $(NODE).attr("upperdeptname");
if (deptname == undefined) { deptname = ""; }
if (organdeptname == undefined) { organdeptname = ""; }
if (upperdeptname == undefined) { upperdeptname = ""; }
//alert(" nodeId = " + nodeId);
//alert(" deptname = " + deptname);
//alert(" organdeptname = " + organdeptname);
//alert(" upperdeptname = " + upperdeptname);
if (nodeId == undefined) {
return;
}
if (nodeId.length > 10 || nodeId == 'ROOT') { // this.id == 'ROOT')
return;
}
var testID = nodeId;
testID = testID.substring(1, 2);
testID = testID.replace(" ", "");
if (testID == "9") {
} else {
iChkCnt = iChkCnt + 1;
//parent.putSelId(nodeId);
parent.putSelId2(nodeId, deptname, organdeptname, upperdeptname);
}
//parent.putSelId(nodeId);
if (iChkCnt == 0) {
alert('<%=Moumi.getMessageBundle().getString("moumi.message.doc.SubmitDevision")%>'); //<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>μ<EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ּ<EFBFBD><EFBFBD><EFBFBD>.
} else {
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD>μ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʈ<EFBFBD><EFBFBD> ǥ<EFBFBD>õȴ<EFBFBD>.
parent.document.list.submit();
}
});
});
//<EFBFBD>ٿ<EFBFBD>,<EFBFBD><EFBFBD> <EFBFBD><EFBFBD>ư Ŭ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD> : 2.<EFBFBD><EFBFBD><EFBFBD><EFBFBD> currentOffsetTop <EFBFBD><EFBFBD><EFBFBD><EFBFBD> ū <EFBFBD><EFBFBD><EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD> id<EFBFBD><EFBFBD> ã<EFBFBD>Ƽ<EFBFBD> <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ѵ<EFBFBD>.
function getDeptUserId(strId, intTop, strType) {
//alert("strId = " + strId + ", intTop = " + intTop + ", strType = " + strType);
var id = "";
var idArray = new Array();
var returnId = "";
var blSearchOk = false;
if( strType === "down") {
$("#newTree").find(".jstree-search").each(function() {
id = $(this).parent("li").attr("id");
if(blSearchOk === false && strId !== id) {
var selectedObj = $('#' + id);
var elementOffset = selectedObj.offset();
if(elementOffset.top > intTop) {
//alert("[offset.top] : " + elementOffset.top + "\n[offset.left] : " + elementOffset.left);
returnId = id
blSearchOk = true;
}
}
});
}
if( strType === "up") {
$("#newTree").find(".jstree-search").each(function() {
idArray.push( $(this).parent("li").attr("id") );
});
idArray.reverse();
for(var i= 0; i < idArray.length; i++) {
id = idArray[i].toString();
if(blSearchOk === false && strId !== id) {
var selectedObj = $('#' + id);
var elementOffset = selectedObj.offset();
if(elementOffset.top < intTop) {
//alert("[offset.top] : " + elementOffset.top + "\n[offset.left] : " + elementOffset.left);
returnId = id
blSearchOk = true;
}
}
}
}
return returnId;
}
</script>
</body>
</html>