<br>Hi group.<br><br>What i need to do is display a list of search results in the grid panel. When user clicks on a record, highlight the feature and display a popup with the feature attributes.<br>The code below does all except the popup. How would i go about displaying the popup?<br>
<br>Regards,<br>Herman<br><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CHerman%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CHerman%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CHerman%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:1;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:0 0 0 0 0 0;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1073750139 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
span.EmailStyle15
{mso-style-type:personal;
mso-style-noshow:yes;
mso-style-unhide:no;
mso-ansi-font-size:11.0pt;
mso-bidi-font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">new</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;">
Ext.grid.GridPanel({</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>title: </span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'Search
results'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>region: </span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'center'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span><span style=""> </span>ds: store,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>sm: sm,<span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>autoSizeColumns: </span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">true</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>viewConfig: {</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>forceFit: </span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">true</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>autoFill: </span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">true</span></b><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>},<span style="">
</span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>height: 300,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>columns: [{</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>header: </span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'mapunit'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>dataIndex: </span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'mapunit'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>width: 50</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>}</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>],</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>listeners: {</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'rowclick'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">: {</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'fn'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">: </span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">function</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;">(grid, index,
evt) {</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span><span style=""> </span></span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">var</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;"> r =
grid.getStore().getAt(index);</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">var</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;"> feature =
r.get(</span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'feature'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">);</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">var</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;"> a =
feature.attributes;</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span><span style=""> </span>vectorLayer.destroyFeatures();</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style="">
</span>vectorLayer.addFeatures(feature);</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style="">
</span>vectorLayer.redraw();</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(63, 127, 95);"><span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span></span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">var</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;"> bounds =
feature.geometry.getBounds();</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span><span style=""> </span>map.setCenter(bounds.getCenterLonLat(),map.getZoomForExtent(bounds));<span style=""> </span></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New";"> </span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(63, 127, 95);">//<span style=""> </span>popup code
goes here?</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>}</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>}<span style=""> </span></span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>},</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>bbar: [{</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>text: </span><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(42, 0, 255);">'Clear
highlight'</span><span style="font-size: 10pt; font-family: "Courier New"; color: black;">,</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>handler: </span><b><span style="font-size: 10pt; font-family: "Courier New"; color: rgb(127, 0, 85);">function</span></b><span style="font-size: 10pt; font-family: "Courier New"; color: black;">() {</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style="">
</span>vectorLayer.removeFeatures(vectorLayer.features);</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>}</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal" style=""><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>}</span><span style="font-size: 10pt; font-family: "Courier New";"></span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: "Courier New"; color: black;"><span style=""> </span>})</span></p>
<br>