Display feature on mouse over a html table cell

SamirGambhir — Thu, 19 Jul 2012 19:41:30 GMT

Hi,
My application generates a html table dynamically and each selection by the user is added as a new row. I would like the feature to be highlighted on the map when user hovers over the row that lists that feature name in the table. There is definitely something wrong with how I am calling the feature from the feature layer but I am not able to figure this out. Please help.

Here is my code:

HTML:
...
<div dojo-data-type="dijit.form.Form" id="addState" >
            <button data-dojo-type="dijit.form.Button" id="addStateButton" name="addStateButton" data-dojo-props="onClick:function(){addToForm(dijit.byId('selStateA2').displayedValue, dojo.byId('geogTable'));}">Add State(s)<img src="Images/arrow_right.png" id="imageDown" width="16px" onClick=""></button>
          </div>
...

JavaScript:
...
function addToForm(myValue, myTable){
        rowCount = myTable.rows.length;
        ...
        addRows(myValue, myTable);
        ...
}

function addRows(aValue, aTable){
        var row = aTable.insertRow(rowCount);
        var cell1=row.insertCell(0);
        cell1.innerHTML = aValue;
        if (aTable!=indTable){
          row.onmouseover = function(){displayGeog(aValue);}
        }
        var cell2 = row.insertCell(1);
        cell2.style.width="21px";
        var element2=document.createElement("button");
        element2.style.width="12px";
        element2.style.height="12px";
        element2.style.padding="0px";
        element2.style.border="0px";
        element2.onclick=function(){delRow(aTable,row.rowIndex); return false;};
        var element3=document.createElement("img");
        element3.setAttribute("src", "Images/close_orange2.png");
        element2.appendChild(element3);
        cell2.appendChild(element2);
      }

function displayGeog(disGeog){
        query = new esri.tasks.Query();
        query.outSpatialReference = {"wkid": 102100};
        query.returnGeometry = true;
        query.outFields = ["*"];
        query.where = "1=1";
        if (unitStActiveA==true){
          stateFeatureLayerA.selectFeatures(query, esri.layers.FeatureLayer.SELECTION_NEW);
          stateFeatureLayerA.setDefinitionExpression("NAME='"+disGeog+"'");
          dojo.connect(stateFeatureLayerA, "onSelectionComplete", function(){
            stateFeatureLayerA.setSelectionSymbol(highlightSymbol);
            mapA.addLayer(stateFeatureLayerA);
            });
          dojo.connect(mapA, 'onLoad', mapA.removeLayer(distFeatureLayerA));
        }
        }

Thanks
Samir

Re: Display feature on mouse over a html table cell

SamirGambhir — Fri, 20 Jul 2012 17:43:04 GMT

Please ignore this post. I was selecting features before applying definition expression and symbol. The code works after rearranging these statements.
Thanks
Samir

topic Display feature on mouse over a html table cell in ArcGIS JavaScript Maps SDK Questions

Display feature on mouse over a html table cell

Re: Display feature on mouse over a html table cell