dijit/search widget - not working

ShruthiR — Thu, 23 Apr 2015 15:38:51 GMT

Hello,

I am working on dijit/search widget. I am trying to use to find trees on the feature layer based on Memorial feature.

When I try to search - it says Pagination error /enter a search term.

Not sure what I am missing.

Below is the code I am trying to work on. Can some one please let me know, If I am missing something ?

Unable to find much info on this widget.

<!DOCTYPE html>

<head>

<title>ArcGIS API for JavaScript | Basic Search</title>

<style>

html,

body,

#map {

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

#search {

display: block;

position: absolute;

z-index: 2;

top: 20px;

left: 74px;

}

</style>

var dojoConfig = {

parseOnLoad: true

};

</script>

require([

"esri/map","esri/dijit/Search","esri/InfoTemplate","esri/dijit/Popup", "esri/dijit/PopupTemplate", "esri/layers/FeatureLayer",

"esri/symbols/SimpleFillSymbol", "esri/Color", "dojo/dom-class", "dojo/dom-construct", "dojo/on",

"esri/layers/ArcGISDynamicMapServiceLayer", "esri/layers/ArcGISTiledMapServiceLayer",

"dojox/charting/Chart", "dojox/charting/themes/Dollar", "esri/InfoTemplate","dojo/domReady!"

], function (Map,Search,InfoTemplate, Popup, PopupTemplate, FeatureLayer, SimpleFillSymbol, Color, domClass,

domConstruct, on, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, Chart,theme) {

var fill = new SimpleFillSymbol("solid", null, new Color("#A4CE67"));

var popup = new Popup({

fillSymbol: fill,

titleInBody: false

}, domConstruct.create("div"));

domClass.add(popup.domNode, "dark");

var map = new Map("map", {

center: [-120.435, 46.159], // lon, lat

zoom: 7,

infoWindow: popup

});

var template = new PopupTemplate({

title: "BGSU Memorial Tree",

description: " Tree Memorial: {MEMORIAL} <br/>Tree Variety: {TREE_VARIETY} <br/>Tree Species: {TREE_SPECIES} Tree Species <br/> <img src={TLINK} height =100px width=100px alt=\"No image to display\" />",

//description1:"{TREE_SPECIES }: Tree Species",

fieldInfos: [{ //define field information

fieldName: "TREE_SPECIES",

label: "Type"

}, {

fieldName: "TREE_VARIETY",

label: "Type"

}],

mediaInfos: [{ //define the template

caption: "",

type: "",

value: {

theme: "",

fields: ["TREE_SPECIES", "TREE_VARIETY"]

}

}]

});

var basemap = new ArcGISTiledMapServiceLayer("https://gistest2.bgsu.edu/arcgis/rest/services/Basemap/Basemap/MapServer");

map.addLayer(basemap);

// this layer is for tree icons

var usaLayer = new ArcGISDynamicMapServiceLayer("https://gistest2.bgsu.edu/arcgis/rest/services/MemorialTrees/MemorialTEST/MapServer/", {

opacity: 0.7,

visible: false

});

usaLayer.setVisibleLayers([2]);

map.addLayer(usaLayer);

// this is for data to be retrived and show in the template

var featureLayer = new FeatureLayer("https://gistest2.bgsu.edu/arcgis/rest/services/MemorialTrees/MemorialTrees/MapServer/0", {

mode: FeatureLayer.MODE_ONDEMAND,

outFields: ["MEMORIAL", "TREE_VARIETY", "TREE_SPECIES", "TLINK"],

infoTemplate: template

});

map.addLayer(featureLayer);

// search widget

var search = new Search({

map: map,

sources: [],zoomScale: 5000000}, "search");

//listen for the load event and set the source properties

search.on("load", function () {

var sources = search.sources;

sources.push({

featureLayer: featureLayer,

placeholder: "Search Memorial Trees",

enableLabel: false,

searchFields: ["MEMORIAL"],

displayField: "MEMORIAL",

exactMatch: false,

outFields: ["MEMORIAL", "TREE_SPECIES", "TREE_VARIETY"]

});

//Set the sources above to the search widget

search.set("sources", sources);

});

search.startup();

});

</script>

</head>

<body>

</body>

</html>

Thanks!

Re: dijit/search widget - not working

RobertScheitlin__GISP — Sun, 12 Dec 2021 05:37:06 GMT

Shruthi,

There is a bug in the current Search Widget that has to be worked around by adding maxResults and setting it to a string. This workaround is discussed here:

Search: "Pagination is not supported."

        sources.push({
          featureLayer: featureLayer,
          placeholder: "Search Memorial Trees",
          enableLabel: false,
          searchFields: ["MEMORIAL"],
          displayField: "MEMORIAL",
          exactMatch: false,
          outFields: ["MEMORIAL", "TREE_SPECIES", "TREE_VARIETY"],
          maxResults: "Foo"
        });

Re: dijit/search widget - not working

ShruthiR — Fri, 24 Apr 2015 03:48:58 GMT

Thank you very much, it worked!

Re: dijit/search widget - not working

RobertScheitlin__GISP — Fri, 24 Apr 2015 12:02:07 GMT

Glad to help. Now it is your turn to help the community by marking this question as answered. All you have to do is click the "Correct Answer" link (the one with the little green star) on the post that provided the answer for you. If the answer was not provided by one of the responders then you can mark any of the replies that you received as helpful by clicking on the "Actions" menu and choosing "Mark as Helpful"

topic Re: dijit/search widget - not working in ArcGIS JavaScript Maps SDK Questions

dijit/search widget - not working

Re: dijit/search widget - not working

Re: dijit/search widget - not working

Re: dijit/search widget - not working