어린이

Question

나는 트리로에 extjs 호환 항목의 JSON을 보여줄 필요가

로 extjs라는 항목을 표시 Treepanel을 확인, 여기 items가 잘 작동 children을하는 경우가

{ 
    text: 'Menu Root', 
    expanded: true, 
    items: [ 
      { text: 'detention', leaf: true }, 
      { text: 'homework', expanded: true, items: [ 
      { text: 'book report', leaf: true }, 
      { text: 'algebra', leaf: true} 
      ] }, 
      { text: 'buy lottery tickets', leaf: true } 
     ] 
} 

처럼 보이는 방법이지만 items으로하지 않습니다. treepanel이 항목을 어린이로 간주하도록 ExtJS6 문서에서 방법을 찾지 못했습니다. 참고 이러한 항목은 일부보기에 포함될 항목입니다. "children" :이

Answer 1

그것은에 "items"에 트리 스토어 설정에서 defaultRootProperty을 구성하여하는 기본값을 달성 할 수 treestore에 추가 할 setRootNode을 사용하고 있습니다.

Ext.application({ 
 
    name: 'Fiddle', 
 

 
    launch: function() { 
 
var store = Ext.create('Ext.data.TreeStore', { 
 
    defaultRootProperty : 'items', // need change the default "children" to "items" 
 
    root: {  
 
    text: 'Menu Root', 
 
    expanded: true, 
 
    items: [ 
 
      { text: 'detention', leaf: true }, 
 
      { text: 'homework', expanded: true, items: [ 
 
      { text: 'book report', leaf: true }, 
 
      { text: 'algebra', leaf: true} 
 
      ] }, 
 
      { text: 'buy lottery tickets', leaf: true } 
 
     ] 
 
     
 
} 
 
}); 
 

 
Ext.create('Ext.tree.Panel', { 
 
    title: 'Simple Tree', 
 
    width: 200, 
 
    height: 150, 
 
    store: store, 
 
    renderTo: Ext.getBody() 
 
}); 
 

 
    } 
 
});

<link rel="stylesheet" href="https://cdn.sencha.com/ext/gpl/4.2.1/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css"><!-- framework javascript --><script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/4.2.1/ext-all-debug.js"></script><script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/4.2.1/packages/ext-theme-neptune/build/ext-theme-neptune-debug.js"></script>