자바스크립트 변수 질문 드립니다. (feat. orgChart)

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    자바스크립트 변수 질문 드립니다. (feat. orgChart)

    QA

    자바스크립트 변수 질문 드립니다. (feat. orgChart)

    본문

    안녕하세요.

    orgChart차트를 이용해서 조직도를 만들고 있습니다.

    디비에서 회원 데이터를 받아와서 조직도를 출력하려고 하는데요

    orgChart에서 샘플로 만든것과 같은 형식으로 데이터를 변수에 담았습니다.

    아래가 orgChart에서 샘플로 있던 데이터인데요

    
var testData = [{id: '1000001', name: '001', parent: '0'},{id: '1000002', name: '002', parent: '1000001'},{id: '1000003', name: '003', parent: '1000001'},{id: '1000004', name: '004', parent: '1000001'},{id: '1000005', name: '005', parent: '1000002'},{id: '1000006', name: '006', parent: '1000002'},{id: '1000007', name: '007', parent: '1000002'},{id: '1000008', name: '008', parent: '1000003'},{id: '1000009', name: '009', parent: '1000003'},{id: '1000010', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000011', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000012', name: '012', parent: '1000004'},{id: '1000013', name: '013', parent: '1000004'}];

     

    저는 디비에서 회원들의 id와  name, parent를 뽑아 같은 형식으로 변수에 담았습니다. 

    
    $sql = "select * from test1 order by idx asc";
    $result = mysql_query($sql);
    while($row = mysql_fetch_array($result)){
        $array_mem[] = "{id: '".$row['id']."', name: '".$row['name']."', parent: '".$row['parent']."'}";
    }
    $str = implode(',', $array_mem);
    $str = "[".$str."]";

     

    위와 같이 하니까 아래와 같이 출력이 됩니다.

    
[{id: '1000001', name: '001', parent: '0'},{id: '1000002', name: '002', parent: '1000001'},{id: '1000003', name: '003', parent: '1000001'},{id: '1000004', name: '004', parent: '1000001'},{id: '1000005', name: '005', parent: '1000002'},{id: '1000006', name: '006', parent: '1000002'},{id: '1000007', name: '007', parent: '1000002'},{id: '1000008', name: '008', parent: '1000003'},{id: '1000009', name: '009', parent: '1000003'},{id: '1000010', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000011', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000012', name: '012', parent: '1000004'},{id: '1000013', name: '013', parent: '1000004'}]

     

    기존 샘플에 있던것과 완전히 같은 형식으로 데이터가 변수에 담겨있는데요...문제는 이걸 javascript변수

    에 담으면 차트가 안나오네요;;;

    
$sql = "select * from test1 order by idx asc";
    $result = mysql_query($sql);
    while($row = mysql_fetch_array($result)){
        $array_mem[] = "{id: '".$row['id']."', name: '".$row['name']."', parent: '".$row['parent']."'}";
    }
    $str = implode(',', $array_mem);
    $str = "[".$str."]";
<script type="text/javascript">
    var ddd = "<?php echo $str;?>";
    //alert(ddd);
    //console.log ddd;
    var testData = [{id: '1000001', name: '001', parent: '0'},{id: '1000002', name: '002', parent: '1000001'},{id: '1000003', name: '003', parent: '1000001'},{id: '1000004', name: '004', parent: '1000001'},{id: '1000005', name: '005', parent: '1000002'},{id: '1000006', name: '006', parent: '1000002'},{id: '1000007', name: '007', parent: '1000002'},{id: '1000008', name: '008', parent: '1000003'},{id: '1000009', name: '009', parent: '1000003'},{id: '1000010', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000011', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000012', name: '012', parent: '1000004'},{id: '1000013', name: '013', parent: '1000004'}];
</script>
<script type="text/javascript">
    $(function(){
        org_chart = $('#orgChart').orgChart({
            data: ddd,
            showControls: false,
            allowEdit: false,
            onAddNode: function(node){ 
                log('Created new node on node '+node.data.id);
                org_chart.newNode(node.data.id); 
            },
            onDeleteNode: function(node){
                log('Deleted node '+node.data.id);
                org_chart.deleteNode(node.data.id); 
            },
            onClickNode: function(node){
                log('Clicked node '+node.data.id);
            }
        });
    });
    // just for example purpose
    function log(text){
        $('#consoleOutput').append('<p>'+text+'</p>')
    }
</script>

    data: ddd로 하면 차트가 안나오고 testData로하면 정상적으로 나옵니다....

    ddd의 내용도 testData와 동일한데 왜 ddd로 하면 안나오고 testData처럼 해야지 나오는걸까요;;;

    #orgchart

    이 질문에 댓글 쓰기 :

    답변 2

    엑스엠엘 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    207.♡.♡.37
    var ddd = "<?php echo $str;?>";

    ==>

     

    var ddd = <?php echo $str;?>;

    하이바네 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    112.♡.♡.195
    아래처럼 <?php ?>로 감싸도 뭔가 나오나요?

    <?php

    $sql = "select * from test1 order by idx asc";
    $result = mysql_query($sql);
    while($row = mysql_fetch_array($result)){
        $array_mem[] = "{id: '".$row['id']."', name: '".$row['name']."', parent: '".$row['parent']."'}";
    }
    $str = implode(',', $array_mem);
    $str = "[".$str."]";

    ?>

    하이바네님의 댓글
    ↳ 하이바네 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색
    112.♡.♡.195

    <script>
                            <?php
    $str = "[{id: '1000001', name: '001', parent: '0'},{id: '1000002', name: '002', parent: '1000001'},{id: '1000003', name: '003', parent: '1000001'},{id: '1000004', name: '004', parent: '1000001'},{id: '1000005', name: '005', parent: '1000002'},{id: '1000006', name: '006', parent: '1000002'},{id: '1000007', name: '007', parent: '1000002'},{id: '1000008', name: '008', parent: '1000003'},{id: '1000009', name: '009', parent: '1000003'},{id: '1000010', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000011', name: '*** 개인정보보호를 위한 휴대폰번호 노출방지 ***'},{id: '1000012', name: '012', parent: '1000004'},{id: '1000013', name: '013', parent: '1000004'}]";

                            ?>
                            var ddd = <?=$str?>;
                            console.log(ddd);
    </script>

    위와 같이 바꿔보세요. 잘 동작하네요

    답변을 작성하시기 전에 로그인 해주세요.
    전체 57
    QA 내용 검색

    회원로그인

    인기태그
    #그누보드5(59590) #영카트5(16790) #php(14971) #그누보드4(10633) #게시판(3157) #javascript(2634) #그누보드(2345) #css(2043) #mysql(1509) #모바일(1271) #영카트(1270) #그누커머스(1178) #html(1098) #jquery(1013) #자바스크립트(936) #최신글(932) #DB(819) #로그인(793) #이미지(762) #여분필드(736)
    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT