fancytree 폴더가 붕괴되지 않습니다.

Question

fancytree 폴더가 접히지 않습니다. 모든 하위 항목과 상위 항목은 올바른 중첩 구조없이 표시됩니다.

텍스트 데이터 원본에서 작동하는 것과 똑같은 데이터를 복사 할 때 web2py (파이썬) 컨트롤러 대신 폴더가 축소되지 않고 영구적으로 확장되어 표시됩니다. 브라우저에 js 콘솔 오류가 없습니다.

이

json_list = [{ 
    "alexLink": "http://example.com/", 
    "kind": "tasks#task", 
    "id": "MTYwNzEzNjc2OTEyMDI1MzcwNzM6ODUwNjk4NTgzOjExMTkyODk2MjA", 
    "etag": "\"4qyCALf1j510T_-I20NAMbUHF2k/LTEzNTgzMTMzODg\"", 
    "title": "Task 01", 
    "updated": "2015-04-23T19:25:44.000Z", 
    "selfLink": "", 
    "position": "00000000002147483647", 
    "status": "needsAction" 
}] 

같은 파이썬 콘트롤에서 텍스트 파일에 완벽하게

FancyTree 데이터를 복사 작동

원본 데이터 내가 JSON 변환 :

// Initialize Fancytree 
$("#alexTree").fancytree({ 
    checkbox: true, 
    selectMode: 3, 
    source: {{=XML(json_list)}}, 
    postProcess: function(event, data){ 
     data.result = convertData(data.response); 
    }, 
    select: function(event, data) { 
     window.open(data.node.data.alexLink, "_blank"); 

: json_list = json.dumps(json_list)

그런 다음 소스로 사용

데이터는 텍스트 파일 sourc와 같습니다. 이자형. 폴더 밑에있는 아이들과 폴더가 수축되지 않는 원인은 무엇입니까?

Answer 1

왜 샘플이 작동하지 않는지 명확하지 않은 이유가 있습니다. (지속성 확장이 꺼져 있다고 가정합니다.) 어쩌면 {{=XML(json_list)}}을 제외하고는 예상치 못한 일을 할 수 있습니다. 디버깅 가능한 데모가 필요하다고 생각합니다.

차례로 문자열로 포함 된이 데이터가 포함 된 <script> 태그로 HTML 페이지를 생성

1. 기본 트리 데이터를 생성 (없음-Fancytree) 형식 :

   어쨌든, 샘플이 수행

나무가 기본 데이터 및 사후 처리로 생성되는 페이지로드에
2. 는 클라이언트 측을 수행

Fancytree 다른 중 (염두에 패턴으로 디자인 된

들) :

1. 트리를 초기화하고 source에 대한 아약스 URL을 통과 빈 <div id="tree"> 요소와 정적 페이지를 가지고 페이지로드에 일부 자바 스크립트
2. 을 포함한다.
   로딩이 지연되는 동안 사용자의 페이지가 바로 표시됩니다 (회전 아이콘 표시)
3. 데이터가 도착하자마자 트리가 업데이트됩니다.
   (당신은 또한 변환 서버 쪽을하고 유효한 Fancytree 호환 데이터를 전송하는 고려할 수 있습니다.)

이 아마 매끄러운 사용자 경험을 제공 할 것입니다. tree.reload()을 호출하여 페이지를 다시로드하지 않고 트리 데이터를 새로 고칠 수도 있습니다.