[Users] Change Image Icon for layers nodes in TreePanel GeoExt 1.1

dustin.r.blankenship at accenturefederal.com dustin.r.blankenship at accenturefederal.com
Thu Sep 11 19:25:31 CEST 2014


This is how we've done it:

var layerTreeStore = Ext.create('Ext.data.TreeStore', {
            model: 'GeoExt.data.LayerTreeModel',
            root: {
                expanded: true,
                plugins: [{
                    ptype: 'gx_layercontainer',
                    loader: {
                        baseAttrs: {
                            iconCls: 'eventNodeIcon'
                        },
                        store: layerStore
                    }
                }]
            }
        });

Where the "eventNodeIcon" is a css class that uses a background image. For us it's just blank.

From: users-bounces at geoext.org [mailto:users-bounces at geoext.org] On Behalf Of dustin.r.blankenship at accenturefederal.com
Sent: Thursday, September 11, 2014 11:25 AM
To: jcarrascog at gmail.com
Cc: users at geoext.org
Subject: Re: [Users] Change Image Icon for layers nodes in TreePanel GeoExt 1.1

We have done this I will get you a sample in an hour
Dustin Blankenship
Sr. Software Developer
Accenture
407 S Pennsylvania Ave
Joplin MO 64836
417-793-3889

Sent from my iPhone

On Sep 11, 2014, at 11:23, "Joaquin Carrasco Gallego" <jcarrascog at gmail.com<mailto:jcarrascog at gmail.com>> wrote:
Hi everyone, I am trying to change the image icon of a layer node in a
TreePanel but always shows me the default one of the class
".x-tree-node-leaf .x-tree-node-icon". Searching for Internet  in some
pages the createNode function is mention in a loader, but I am trying it
and it doesn´t works. Some help is appreciated. Here is my code:


var treeConfig = [ {
                nodeType : "gx_baselayercontainer",
                text : "Ortofotos"
            }, {
                nodeType : "gx_overlaylayercontainer",
                text : "Capas Vectoriales",
                expanded : true,
                // render the nodes inside this container with a radio
button,
                // and assign them the group "foo".
                loader : {
                    baseAttrs : {
                        radioGroup : "foo",
                        uiProvider : "layernodeui",
                    },
                      createNode: function(attr) {
                       attr.iconCls = "nuevaClase";
                       return
 GeoExt.tree.LayerParamLoader.prototype.createNode.apply(this, attr);
                    }
                }
            } ];

Thanks!!!
_______________________________________________
Users mailing list
Users at geoext.org<mailto:Users at geoext.org>
http://www.geoext.org/cgi-bin/mailman/listinfo/users
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20140911/ae41580d/attachment-0001.htm 


More information about the Users mailing list