<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;}
@page Section1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
        {page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>I’m a total newbie to GeoExt/OpenLayers/ExtJS and am
trying to understand the relationship (if any) between OpenLayers.Feature.Vector.attributes
and GeoExt.data.FeatureRecord.fields. <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I’ve added a point-drawing GeoExt.Action to the map in
the <a href="http://dev.geoext.org/trunk/geoext/examples/feature-grid.html">http://dev.geoext.org/trunk/geoext/examples/feature-grid.html</a>
example with the following snippet:<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal> action = new GeoExt.Action({<o:p></o:p></p>
<p class=MsoNormal> text: "draw
point",<o:p></o:p></p>
<p class=MsoNormal> control: new
OpenLayers.Control.DrawFeature(<o:p></o:p></p>
<p class=MsoNormal>
vecLayer, OpenLayers.Handler.Point,<o:p></o:p></p>
<p class=MsoNormal>
{<o:p></o:p></p>
<p class=MsoNormal>
eventListeners: {<o:p></o:p></p>
<p class=MsoNormal>
featureadded: function(evt) {<o:p></o:p></p>
<p class=MsoNormal>
//evt.feature.attributes.long = evt.feature.geometry.x;<o:p></o:p></p>
<p class=MsoNormal>
//evt.feature.attributes.lat = evt.feature.geometry.y;<o:p></o:p></p>
<p class=MsoNormal>
}<o:p></o:p></p>
<p class=MsoNormal>
}<o:p></o:p></p>
<p class=MsoNormal>
}<o:p></o:p></p>
<p class=MsoNormal> ), …<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>And changed the FeatureStore & GridPanel configuration
as follows:<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal> // create feature store, binding it to
the vector layer<o:p></o:p></p>
<p class=MsoNormal> store = new GeoExt.data.FeatureStore({<o:p></o:p></p>
<p class=MsoNormal> layer: vecLayer,<o:p></o:p></p>
<p class=MsoNormal> fields: [<o:p></o:p></p>
<p class=MsoNormal>
{name: 'lat', type: 'float'},<o:p></o:p></p>
<p class=MsoNormal>
{name: 'long', type: 'float'}<o:p></o:p></p>
<p class=MsoNormal> ],<o:p></o:p></p>
<p class=MsoNormal> autoLoad: false,<o:p></o:p></p>
<p class=MsoNormal> listeners : {<o:p></o:p></p>
<p class=MsoNormal>
add: function(thisStore, records, index) {<o:p></o:p></p>
<p class=MsoNormal>
for ( var i = 0; i < records.length; i++ ) {<o:p></o:p></p>
<p class=MsoNormal>
var data = records[i].data;<o:p></o:p></p>
<p class=MsoNormal>
data.long = data.feature.geometry.x;<o:p></o:p></p>
<p class=MsoNormal>
data.lat = data.feature.geometry.y;<o:p></o:p></p>
<p class=MsoNormal>
}<o:p></o:p></p>
<p class=MsoNormal>
}<o:p></o:p></p>
<p class=MsoNormal> }<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal> // create grid panel configured with
feature store<o:p></o:p></p>
<p class=MsoNormal> gridPanel = new Ext.grid.GridPanel({<o:p></o:p></p>
<p class=MsoNormal> title:
"Feature Grid",<o:p></o:p></p>
<p class=MsoNormal> region:
"east",<o:p></o:p></p>
<p class=MsoNormal> store: store,<o:p></o:p></p>
<p class=MsoNormal> width: 400,<o:p></o:p></p>
<p class=MsoNormal> columns: [{<o:p></o:p></p>
<p class=MsoNormal>
header: "Latitude",<o:p></o:p></p>
<p class=MsoNormal>
width: 200,<o:p></o:p></p>
<p class=MsoNormal>
dataIndex: "lat"<o:p></o:p></p>
<p class=MsoNormal> }, {<o:p></o:p></p>
<p class=MsoNormal>
header: "Longitude",<o:p></o:p></p>
<p class=MsoNormal>
width: 200,<o:p></o:p></p>
<p class=MsoNormal>
dataIndex: "long"<o:p></o:p></p>
<p class=MsoNormal> }],<o:p></o:p></p>
<p class=MsoNormal> sm: new
GeoExt.grid.FeatureSelectionModel() <o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>My goal is to have the lat/long for each point feature added
as fields upon creation (along with some other data TBD later) and have these
fields synched between the appropriate GeoExt and OpenLayers objects/properties.
My first attempt (unsuccessful) was to do this in the featureadded event
listener in the OpenLayers.Control.DrawFeature constructor (see commented lines
above). I then tried doing this in the GeoExt.data.FeatureStore add
listener (also above). The lat/long coords showed up in the grid but I didn’t
see where they were getting synched back to OL.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Am I missing some fundamental understanding of what the GeoExt.data.FeatureRecord.fields
analog is in OL or possibly just misunderstanding the synchronization aspect
(or something else entirely)?<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>BTW, great work guys.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Any help is greatly appreciated.<o:p></o:p></p>
<p class=MsoNormal>Gary<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
</div>
</body>
</html>