AnsweredAssumed Answered

Sample "Show find task results in a Data Grid" not working for point layer.

Question asked by laura.teisl on May 1, 2014
Latest reply on May 1, 2014 by jskinner-esristaff
Hello. I am attempting to use the "Show find task results in a Data Grid" with a service with a point layer.  It is not working.  Also, I would like all of the points to display initially.  Again, the I am a JavaScript newbie and appreciate any input.  Thanks.


<!DOCTYPE html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--The viewport meta tag is used to improve the presentation and behavior of the samples
      on iOS devices-->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Display Find Task results in Dojo DataGrid</title>

    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="">
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
    <script src=""></script>
      ], function(
        Map, FindTask, FindParameters, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,
        Color, on, dom, registry, arrayUtils, connect, DataGrid, ItemFileReadStore, Button, parser
      ) {     
        var findTask, findParams;
        var map, center, zoom;
        var grid, store;
        registry.byId("search").on("click", doFind);
        center = [-69, 45.5];
        zoom = 7;
        map = new esri.Map("map", {
          basemap: "topo",
          center: center,
          zoom: zoom

        //Create Find Task using the URL of the map service to search
        findTask = new FindTask("");

        map.on("load", function () {
          //Create the find parameters
          findParams = new FindParameters();
          findParams.returnGeometry = true;
          findParams.layerIds = [0];
          findParams.searchFields = ["org_name", "city_town", "Used_comb"];
          findParams.outSpatialReference = map.spatialReference;
          console.log("find sr: ", findParams.outSpatialReference);
        function doFind() {
          //Set the search text to the value in the box
          findParams.searchText = dom.byId("org_name").value;
          findTask.execute(findParams, showResults);

        function showResults(results) {
          //This function works with an array of FindResult that the task returns
          var symbol = new SimpleFillSymbol(
            new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([98, 194, 204]), 2),
            new Color([98, 194, 204, 0.5])

          //create array of attributes
          var items =, function (result) {
            var graphic = result.feature;
            return result.feature.attributes;

          //Create data object to be used in store
          var data = {
            identifier : "org_name", //This field needs to have unique values
            label : "Name", //Name field for display. Not pertinent to a grid but may be used elsewhere.
            items : items

          //Create data store and bind to grid.
          store = new ItemFileReadStore({
            data : data
          var grid = registry.byId("grid");
          grid.on("rowclick", onRowClickHandler);

          //Zoom back to the initial map extent
          map.centerAndZoom(center, zoom);

        //Zoom to the parcel when the user clicks a row - changed clickedTaxLotID to clickedOrgName - changed selectedTaxLot to selectedOrgName
        function onRowClickHandler(evt) {
          var clickedOrgName = evt.grid.getItem(evt.rowIndex).org_name;
          var selectedOrgName = arrayUtils.filter(, function (graphic) {
            return ((graphic.attributes) && graphic.attributes.org_name === clickedOrgName);
          if ( selectedOrgName.length ) {
            map.setExtent(selectedOrgName[0].geometry.getExtent(), true);
  <body class="claro">
  <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'"  style="width:100%;height:100%;margin:0;">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'" style="height:40px;">
      Owner name: <input type="text" id="ownerName" size="60" value="Northern Girl" />     
          <button id="search" data-dojo-type="dijit.form.Button" type="button" data-dojo-attach-point="button" >Search      
    <div id="map" data-dojo-props="region:'center'" data-dojo-type="dijit/layout/ContentPane" style="border:1px solid #000;"></div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'" style="height:150px;">
     <table data-dojo-type="dojox/grid/DataGrid" data-dojo-id="grid"  id="grid" data-dojo-props="rowsPerPage:'5', rowSelector:'20px'">
          <th field="org_name">Name</th>
          <th field="city_town" >City</th>
          <th field="cont_pers">Contact</th>
          <th field="sp_prdcts">Products</th>
          <th field="Used-comb" width="100%">Products Used</th>