0

ツリーを作成するために GeoExt (ExtJs に基づく) を使用しています。各ノードで、このサイトデフォルトの画像の ようなデフォルトの画像ではなく、左側に対応する画像が必要です。どうすればいいですか？

編集

この例を見つけましたが、子を追加する方法がわかりません

編集 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ですか?

4

1 に答える 1

1

これは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-24T01:58:23.650 に答える