본문 바로가기
728x90

WEB/js5

jsTree grid plugin (jsGrid) 사용법 jsGrid jsTree에 grid plugin 사용해보기로한다. 사실 이것저것 기능을 넣었더니 화면이 잘 깨져서... 조금 안타까웠다 ㅜㅜ 기본 사용법 plugin에 선언, gird에 내용을 입력한다. $('#tree').jstree({ 'plugin' : ["grid"], //plugin에 grid 추가 'grid':{ 'columns':[ {width: 600, header: "제목", value:"title"}, //값 = title {width: 200, header: "내용", value:"content"}, {width: 200, header: "비고", type:"input", value: "note"} //input type인 column ], } }); 값은 다음과 같이 넣어준다. //.. 2023. 2. 3.
jsTree 우측 클릭 메뉴 Contextmenu plugin 사용법 jsTree 항목을 우측 클릭했을때 나오는 메뉴들을 구현해보았다. 대충 이런 모습 소스는 대략 아래와 같다. $('#tree').jstree({ //plugins에 contextmenu 추가 'plugins' : ["contextmenu"], 'contextmenu' : { "items": function($node) { var tree = $("#tree").jstree(true); // tree 변수 return { "Menu1": { "separator_before": false, "separator_after": true, "label": "새로운 그룹(폴더) 추가", //메뉴 표기 (제목) "icon": 'menu1', //menu icon "_disabled": $node.type == "fi.. 2023. 1. 31.
jstree 활용 및 함수 정리 플젝에서 사용한 JsTree.. 공식 사이트는 여기다 https://www.jstree.com/ jstree jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. www.jstree.com JsTree 이용해서 정말 많은것을 구현 한 것 같은데 자꾸 까먹어서 정리하기로 마음먹었다. 구조체 { id : "string" // requ.. 2023. 1. 31.
jstree plugin 정리 및 사용법 jsplugin 생각보다 쓸일이 많아서 정리해본다. Checkbox plugin check box 사용 선언 $('#tree').jstree({ 'plugins' : [ "checkbox"], // etc.. }) check box check된 항목들 가져오기 // get_checked ([full]) // true 인경우 모든값 return, 아니면 id만 리턴 $('#tree').jstree(true).get_checkted(true); // or $('#tree').jstree(get_checkted, true); check box 전체선택 $('#tree').jstree("check_all"); check box 전체선택 해제 $('#tree').jstree("uncheck_all"); Drag&.. 2023. 1. 31.
jsTree 아이콘 변경 및 분류 (types plugin) jsTree에서 폴더와 leaf 를 분리해서 보여주고 싶다면 혹은 여러 타입의 정보를 tree 구조로 보여주고 싶다면 type plugin을 사용하면된다. jsTree plugin 공식문서 ↓ https://www.jstree.com/plugins/ jstree jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. www.jstr.. 2023. 1. 30.
728x90

티스토리툴바