기본 콘텐츠로 건너뛰기

Ext JS 4.2 트리 이름 변경하기



var store = Ext.create('Ext.data.TreeStore', {
     id: 'treeStore',
     proxy: {
          data : 'data',
          type:'memory',
          reader:{type:'json'}
     },
     root: {
          text: "text",
          id: "id",
          expanded: true
     },
     listeners: {
          update: function(st, rec, op, modFldNames) {
               console.log("트리에서 글 수정 후 여기를 탑니다.");
          }
     }

});
var yAxisTreeAll = Ext.create('Ext.tree.Panel', {
     id: 'treeId',
     rootVisible: true,
     multiSelect: false,
     store: store,
     height: 600,
     plugins: 'cellediting',
     columns: [{
          xtype: 'treecolumn',
          dataIndex: 'text',
          flex: 1,
          editor: {
              xtype: 'textfield',
              allowBlank: false,
              allowOnlyWhitespace: false
          }
     }],
     renderTo: Ext.get('원하는 엘리먼트 아이디값(html element id)')
});


Cellediting 이라는 플러그인을 사용하여 트리 이름을 변경해준다.

댓글

이 블로그의 인기 게시물

Intellij에서 Eclipse 프로젝트 import시 설정해줘야 할 것들

요즘 여유가 좀 생겨서 지금까지 Eclipse만 쓰다가 사람들이 하도 Intellij가 좋다하길래 얼마나 좋길래 하고 써보려고 하다가 프로젝트를 import 시키던중 좀 적어두면 좋을거같아서 적어보려고한다 !! 다음에 잊지 않기 위해... 1. Settings > Build, Execution, Deployment > Compiler > Java Compiler 버전 맞추기 2. 상단에 설정 추가 하는부분을 눌러 톰켓을 생성해준다. 꼭 넣어줘야할 부분은 VM options에  -Dfile.encoding=utf-8  한글 깨짐 방지다. (그리고 intellij 설치 된 곳에 bin폴더 안에 vmoptions 확장자를 갖은 녀석의 맨 마지막 줄에도 넣어준다!) 3. project structure > Project Settings > Project 그리고 java버전에 맞춰서 project language level도 맞춰줘야합니다! 4. project structure > Project Settings > Modules - Sources 여기도 project language level도 맞춰줘야합니다! 5. project structure > Project Settings > Modules - Dependencies 들어가서 + 단추를 누르고 Library..를 누르고 Tomcat 추가! 이러면 이클립스에서 갖고온 프로젝트가 잘 동작합니다!! 아 그리고 .settings, .classpath, .project 는 필요 없어지므로 삭제해도 무방합니다 ps. 사실... 이클립스 쓰면서 불편한건 하나도 없었어요... 그리고 아직은 단축키라던지 익숙하지 않아서 이클립스가 더 편하네요... 사실 이클립스 단축키를 인텔리제이와 동일하게 할 수 있지만.... 인텔리제이의 기본 설정만 써...

Ext JS 4.2 트리 노드 추가 및 스크롤 이동

Ext.require([ '*' ]); Ext.onReady( function (){      var addButton = Ext.create( 'Ext.Button' , {         text: '노드 추가(Add Node)' ,         scale: 'large' ,         listeners: {         el: {             click: function () {          var thisNode =  Ext.getCmp( 'xAxisTreeUse' ).getRootNode().appendChild({                      "text":"노드 이름 (Node name) "         });                 Ext.getCmp( " tree " ).selectPath(thisNode.getPath());             }         }     });      var   store = Ext.create( 'Ext.data.TreeStore' , {             id:  'store' ,     ...