dTree를 사용함에 있어서 트리가 변경이 되었을때 refresh를 하거나
Ajax로 DB 정보를 가져와서 dTree를 생성할때...
함수를 사용해서 dTree를 생성하면 화면이 지워지면서 트리만 보여지는 희안한 현상이 발생하여 이것저것 해보니 하기와 같은 방법이 있었다.
<script type="text/javascript" language="javascript">
var pageActionTree =
{
// 캠페인 그룹
getCampaignGroupTree : function()
{
var jsonObj = {};
jsonObj.userId = SESSION_INFO.userId; // 로그인 사용자 ID
$.ajax(
{
type : "POST",
url : "${pageContext.request.contextPath}/select/Campaign.Tree/action.do",
dataType : "json",
data : {"param" : JSON.stringify(jsonObj)},
async : false,
beforeSend : function(xhr)
{
// 전송 전 Code
},
success : function(result)
{
tree = new dTree('tree');
tree.config.target="right";
tree.config.folderLinks = false;
tree.add(0,-1,'<B>캠페인 그룹</B>','','캠페인 그룹');
for (var i=0; i<result.length; i++)
{
tree.add(result[i].groupId, result[i].parentGroupId, result[i].groupName, result[i].publicYN);
}
$("#treeDiv").html(tree.toString());
},
error : function(xhr)
{
// Error 발생 Code
alert(xhr.responseText);
}
});
}
};
$(document).ready(function()
{
pageActionTree.getCampaignGroupTree();
});
</script>
<body>
<div id="treeDiv"></div>
</body>
===========================================
div 태그를 사용하면 심플하게 해결된다.
요거 몰라서 겁나 겁나 삽질~~~ㅠ
이제 집에가자...;;;
'IT > Tree' 카테고리의 다른 글
| 자바스크립트만으로 구현되는 무료SW (0) | 2015.03.02 |
|---|