jstree 플러그인 사용 예

1078 단어 jstreeRails

과제.


Rails4 화면에서 Tree 를 사용하여 UI 를 표시하려고 합니다.
거기서 Jstree라는 plugien을 사용하는 연습을 해봤어요.
jstree: http://www.jstree.com/
...
  jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. 
...

결실


연습의 성과는 다음과 같다.
https://github.com/katoy/rails-jstree

캡처:



화면에 네 가지 이용례를 보여 주었다.

파일 브라우저로 돌아가기

  • ajax를 통해 폴더의 파일 일람과 파일 내용을 가져옵니다.
  • 폴더와 파일을 통해 icon을 변경합니다.
  • 스트라이프 디스플레이
  • TODO:
    png,gif 파일을 선택한 후 inline으로 그림을 표시합니다.

    네스트된 해시 표시


    tree는 eb에 기재된 >의 <ui>를 표시합니다.


    tree는 eb에 기재된 json을 표시합니다

    좋은 웹페이지 즐겨찾기