var jstreeExtend = {}; /** * jstree 제어 * elem : jstree dom 객체 */ jstreeExtend.jstree = function(elem){ //jstree 객체 $tree = elem; // jstree 생성 //$tree.jstree({ // //core 제어 // 'core' : { // 'data' : data, // "check_callback" : true // plugins 'dnd'와 같이 사용 이동하고싶을때 // }, // "plugins" : ["dnd","types"], // "types" : { // "valid_children" : [ "default" ], // "default" : { // "max_depth" : 2 // 하위 dep..
dev/JavaScript
jsTree plugins 종류가 아래와 같다. 이중 checkbox, contextmenu(오른쪽메뉴), dnd(드레그앤드롭), search(검색) 정도만 테스트 해볼 예정이다. checkbox Root node 1 Child node 1 Child node 2 Root node 2 contextmenu(오른쪽마우스 메뉴) Root node 1 Child node 1 Child node 2 Root node 2 dnd(drag & drop) Root node 1 Child node 1 Child node 2 Root node 2 search Root node 1 Child node 1 Child node 2 Root node 2
프로젝트에서 jsTree로 개발되어있는 프로젝트가 있는데 버전마다 사용법이 다른거 같아서 .. 개념잡기 위해 테스트 해본걸 남겨놓는다. eclipse로 cdn 연결해서 테스트 했으니 인터넷 안되는 환경에서는 다운로드 받아서 하시길.. jsTree 공식사이트 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 AJ..
jQuery Code Assist (코드작성 도와주는.. 자동완성) kepler 버전은 Eclipse market place 에서 "JSDT" 검색 후 설치해서 사용 mars, luna 버전은 아직 정식지원 되지 않는듯 하다.. * download url (JSDT)http://www.mediafire.com/download/924166rcorf4bt1/JSDT+jQuery+-+20131019.zip * 실행방법Eclipse > Help > Install New Software > ADDName에 JSDT 입력하고 Archive 버튼을 클릭하고 다운로드 받은 zip파일을 선택 참고 Eclipse > Properties > Project Facets 에 Javascript 체크 되어있는지 확인
여러가지 객체 사용법 2 * 아래 내용은 공부용으로 찾아보고 만든 코드이니.. 참고만 하시길 바랍니다. 추가 정리중... 배열에 대한.. 123456789101112131415161718var arr = [], //new Array() 와 동일 하지만 var arr 은 사용하지말라 a = [], // these are the same b = new Array(); // a and b are arrays with length 0 var c = ['foo', 'bar'], // these are the samed = new Array('foo', 'bar'); // c and d are arrays with 2 strings // these are different: var e = [3], // e.leng..
여러가지 객체 사용법 * 아래 내용은 공부용으로 찾아보고 만든 코드이니.. 참고만 하시길 바랍니다. 객체사용 (1) 123456789101112131415161718192021var _company = new Object(); //var _company = {} 동일 _company.CompanyName = 'myCompany';_company.Owner = 'me';_company.ConsoleCompanyName = ConsoleCompany(); function ConsoleCompany(){ console.log('ConsoleCompany 호출'); console.log(this.CompanyName ); // 현재 전역 window에 CompanyName를 가르킴} console.log(_co..
//객체(Object)var array = ['사과', '오렌지', '바나나', '귤', '딸기'];var product = {제품명 : '새우깡', 유형 : '과자', 성분 : '새우', 원산지 : '한국'}; console.log(array[0] +' '+ array[2]);console.log(typeof(product) +' '+ product['성분']+' '+product['유형']);console.log(product.성분 +' '+product.원산지);// 객체의 키는 식별자 & 문자열을 모두 사용가능하다. // 단, 키로 문자열 사용시에는 대괄호를 사용해서 객체요소에 접근 할 수 있다. var obj = {'number test' : 273, 'special character' : '~..
