I'd check out the GeoExt2 code base for some ideas if I was you. https://github.com/geoext/geoext2
Best regards, Bart Bart van den Eijnden Front-end Developer | Boundless @boundlessgeo On Oct 9, 2013, at 1:14 PM, svranic.gf <[email protected]> wrote: > Hi everyone, > I am having problems with integrating Openlayers and ExtJS 4. I had no > problems with embeding map within ExtJS panel. I have troubles with > following features: > Feature info - I can catch map click and I get based on the coordinates data > in json format. Store, model and grid are configured correctly because it > works on a local json file. On a map click store should be reloaded. It > should probably be reloaded from click handler defined in a file where I > defined OL app and click event but I don't know how because of new class > system of ExtJS 4, i.e. how should I reference store and how should I call > .load() method > > Tree panel - layer swithcher - with this one problem is following: Firebug > first reported that it cannot see variables layer1, layer2 and layer3. I > defined as global in my olApp.js file. Next, error occured that stated: > method setVisibility() is not defined. Question: How can I call any method > defined in Openlayers from ExtJS when using MVC architecture with new ExtJS > 4 class system? > > Ext.define('app.view.LayerSwitcherTreePanel', { > extend: 'Ext.tree.Panel', > alias: 'widget.layerSwitcherTreePanel', > title: 'Layers', > listeners: { > checkchange: function(node, check) { > if (node.get('id') == 'layer1') { > layer1.setVisibility(true); > layer2.setVisibility(false); > layer3.setVisibility(false); > } else if (node.get('id') == 'layer2') { > layer1.setVisibility(false); > layer2.setVisibility(true); > layer3.setVisibility(false); > } else if (node.get('id') == 'layer3') { > layer1.setVisibility(false); > layer2.setVisibility(false); > layer3.setVisibility(true); > } > } > }, > root: { > text:'All layers', > expanded:true, > children:[{ > text: 'Layer set 1', > expanded: true, > children: [{ > text: 'Layer 1', > id: 'layer1', > leaf: true, > checked: true > }, { > text: 'Layer 2', > id: 'layer2', > leaf: true, > checked: false > }, { > text: 'Layer 3', > id: 'layer3', > leaf: true, > checked: false > }] > }, { > text:'Layer set 2', > expanded: true, > children:[{ > text:'Layer xyz', > id: 'layerxyz', > leaf:true, > checked: true > }] > }] > } > }); > > > To summarize, I have a feeling that only problem with my application is > visibility of method and variables accross two JS frameworks. > > I hope that everything I wrote is more or less clear. If not or if > additional code is required please let me know. > > Cheers > Sasa > > > > -- > View this message in context: > http://osgeo-org.1560.x6.nabble.com/ExtJS-4-Class-system-and-Openlayers-tp5082576.html > Sent from the OpenLayers Users mailing list archive at Nabble.com. > _______________________________________________ > Users mailing list > [email protected] > http://lists.osgeo.org/mailman/listinfo/openlayers-users
_______________________________________________ Users mailing list [email protected] http://lists.osgeo.org/mailman/listinfo/openlayers-users
