Extj를 사용하여 트리 노드의 기본 이미지를 변경하십시오.

GeoExt (ExtJs 기반)를 사용하여 트리를 만듭니다. 각 노드에서 this site과 같은 기본 이미지 default image 대신 왼쪽에 해당 이미지가 필요합니다. 내가 어떻게 해?Extj를 사용하여 트리 노드의 기본 이미지를 변경하십시오.

편집

나는 this example을 발견하지만 난 어린이

편집 여기에 2 내 코드의 일부입니다 추가 할 수있는 방법을 알고하지 않습니다

var bpn = new OpenLayers.Layer.WMS("bpn", 
    url, 
    { 
     LAYERS: [ 'Año 2004', 'Año 2005', 'Año 2006', 'Año 2007', 'Año 2009'], 
     format: "image/png", 
     transparent: "true", 
     projection: 'EPSG:4326' 
    }, 
    { 
     buffer: 0, 
     displayOutsideMaxExtent: true, 
     isBaseLayer: false, 
     displayInLayerSwitcher: false, 
     yx: {'EPSG:4326' : true} 
     }); 

var treeConfig = [ 
    { 
     nodeType: "gx_layer", 
     layer: bpn, 
     isLeaf: false, 

     loader: { 
      param: "LAYERS", 

     }, 
     expanded: false 
    }]; 

tree = new Ext.tree.TreePanel({ 
    border: true, 
    region: "west", 
    title: "Entre Ríos", 
    width: 250, 
    split: true, 
    collapsible: true, 
    collapseMode: "mini", 
    autoScroll: true, 

    loader: new Ext.tree.TreeLoader({ 
     applyLoader: true, 
     uiProviders: { 
      "layernodeui": LayerNodeUI 
     } 
    }), 
    root: { 
     nodeType: "async", 
     children: treeConfig 
    },  
    rootVisible: false, 
    lines: false, 
});

각 계층을 (노드) 'Año 2004', 'Año 2005', 'Año 2006', 'Año 2007', 'Año 2009'의 이미지가 다릅니다. treeConfig에서 무엇을 변경해야합니까?

출처

2013-07-23 Cristhian Boujon

노드 데이터에 iconCls 필드를 사용하면이 작업을 수행 할 수 있습니다.

편집

예 (fiddle 참조)

Ext.widget('treepanel', { 
    renderTo: Ext.getBody(), 
    height: 200, 
    store: new Ext.data.TreeStore({ 
     root: { 
      text: 'Root', 
      expanded: true, 
      children: [{ 
       text: 'Node 1', 
       iconCls: 'icon1' 
      },{ 
       text: 'Node 2', 
       iconCls: 'icon2' 
      },{ 
       text: 'Node 3', 
       iconCls: 'icon1' 
      }] 
     } 
    }) 
});

출처

2013-07-24 01:58:23 rixo

문제는 각 노드가 다른 아이콘을 가지고 있다는 것입니다. –

예, 이것은 각 노드의 속성입니다 ... 예제를 참조하십시오. – rixo

감사합니다. 내 ** 편집 2 **를보고 싶다면. 죄송합니다.이 라이브러리를 잘 이해하지 못합니다. –

rixo이 올바른지, 각 노드에 대한 아이콘을 설정 iconCls을 사용해야합니다. 귀하의 경우, rixo의 예제에서 "children"속성은 "treeConfig"배열과 같습니다. 그래서 "treeConfig"배열 요소 안에 "iconCls"를 추가해야합니다.

현재 하나의 하위 노드 (계층) 요소 만 있고 "treeConfig"배열 내에 자식 노드 (계층)를 추가 할 수 있습니다.

는 (미안 해요 rixo의 대답에 대해 언급하기에 충분한 명성을하지 않아도, 그래서 난 그냥 새 응답을)

출처

2013-09-26 20:30:18 JSC

Extj를 사용하여 트리 노드의 기본 이미지를 변경하십시오.

답변

관련 문제