topic Re: Extend Enhanced Search Widget in ArcGIS Web AppBuilder Questions

Extend Enhanced Search Widget

soniamonga — Wed, 13 Apr 2016 22:13:52 GMT

Robert, I have task where I need to select a predefined value from a drop down, and based on that value it queries the underlying layers. Your widget works great if I have to query a single layer. Can anyone of you suggest a sample or a widget that I could use?

Thanks

Sonia

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Thu, 14 Apr 2016 03:30:40 GMT

Sonia,

Sounds like you want the identify widget then.

Re: Extend Enhanced Search Widget

soniamonga — Thu, 14 Apr 2016 04:28:28 GMT

Robert, sorry I should have elaborated my question. So the scenario is to select a unique value from a layer first. Based on the value selected from the second drop down it would populate the results tab with the underlying layers. The task is a combination of By Value & By Shape. I am not sure what would be the best method to approach this task.

Appreciate your help on this!

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Thu, 14 Apr 2016 13:23:05 GMT

Sonia,

So you are wanting to search by a value (which means that you are searching based on the value of a field) and then click on the map (by shape) and have it search all layers in the map (meaning that all the layers in the map would have that exact field to be searched by)?... This is not something that has been developed. The eSearch uses the JS API's QueryTask which is for a single layer of a map service. The FindTask can search multiple layers but not by geometry only by attribute. So what you are asking for is more like an IdentifyTask but you want to limit results by attribute. Like I said this has not been developed and I have never had the need to look into this so I don't have any code for it.

Re: Extend Enhanced Search Widget

soniamonga — Thu, 21 Apr 2016 05:10:47 GMT

Robert, I wrote some code that does gives me the desired output (county and City fields) However I cannot get the results to show up in a results tab. I am using the showresults function but it doesn't seem to work. Could you please take a look and see what I am doing wrong? I have attached the zip file for your reference. Would really appreciate your help on this....

showresults: function (results) {

var resultItems = [];

var resultCount = features.length;

for (var i = 0; i < resultCount; i++) {

var featureAttributes = features.attributes;

for (var attr in featureAttributes) {

"<b>" + attr + ":</b> " + featureAttributes[attr] + "<br>");

"<br>");

this.info.innerHTML = resultItems.join("");

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Thu, 21 Apr 2016 12:41:04 GMT

Sonia,

The returned var for your function is "results" yet you never use it in your code you start using "features" but there is nothing in your code to define what features is.

Re: Extend Enhanced Search Widget

soniamonga — Thu, 21 Apr 2016 16:08:52 GMT

Thanks Robert! Getting closer..I do see the featureattributes part working, but I don't see anything being pushed out. The console shows that this.info is undefined even though I have it in widget.html

Please advise...
var field1 = this.uniqueValuesSelect.get('value');
var queryField1 = this.mySelect.get('value');
var query1 = new Query();

query1.where = queryField1 +"='" + field1 + "'";
query1.returnGeometry = true;
query1.outFields = "SORT_TEXT","City", "County"];

featureLayer1.selectFeatures(query1, FeatureLayer.SELECTION_ADD, function(features) {
featureLayer1.setSelectionSymbol(lineSymbol);
var resultItems = [];
var resultCount = features.length;
for (var i = 0; i < resultCount; i++) {
featureAttributes = features.attributes;
(var attr in featureAttributes) {
resultItems.push("

" + attr + ":

" + featureAttributes[attr] + "
");
}
resultItems.push("
");

}

this.info.innerHTML = resultItems.join("");

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Thu, 21 Apr 2016 16:31:02 GMT

Sonia,

The issue is that the "this.info.innerHTML = resultItems.join("");" is inside a function that has a different scope then you want, so "this" does not know what "info" is.

You need to use lang.hitch

featureLayer1.selectFeatures(query1, FeatureLayer.SELECTION_ADD, lang.hitch(this, function(features) {

Re: Extend Enhanced Search Widget

soniamonga — Fri, 22 Apr 2016 03:48:37 GMT

That works....Thanks so much Robert!

Re: Extend Enhanced Search Widget

soniamonga — Fri, 22 Apr 2016 04:27:01 GMT

Robert,

I am having a couple of issues with the code. I am trying to specify the outFields: ["OBJECTID, SORT_TEXT, COUNTY, CITY"] but it doesn't work. It works if I put ["*"]

The other issue is it's caching the featurelayer, and not removing the selected features if I use the Reset function. I tried using the

disableClientCaching : true. Any ideas on this?

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Fri, 22 Apr 2016 10:45:15 GMT

Sonia,

Can I see your current code where you define the feature layer and its out fields?

Re: Extend Enhanced Search Widget

soniamonga — Fri, 22 Apr 2016 12:47:19 GMT

Robert, I have attached the code for your reference. Thanks again for all your help!!

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Fri, 22 Apr 2016 12:58:15 GMT

Sonia,

You have to use the proper case for your field names JS is a case sensitive language.

query.outFields = ["SORT_TEXT","CITY", "COUNTY"];

Re: Extend Enhanced Search Widget

soniamonga — Fri, 22 Apr 2016 13:05:55 GMT

Ok. let me try that. Any idea on the refresh part? When I select a new county from the drop down it doesn’t remove/refresh the previous selection. I might have removed the reset function from the code.

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Fri, 22 Apr 2016 13:20:07 GMT

Sonia,

Are you using FeatureLayer.clearSelection()?

Re: Extend Enhanced Search Widget

soniamonga — Fri, 22 Apr 2016 13:21:31 GMT

Yes. I have tried that.

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Fri, 22 Apr 2016 14:05:21 GMT

Sonia,

Not sure what to tell you then as

featureLayer1.clearSelection(); should work.

Re: Extend Enhanced Search Widget

soniamonga — Mon, 25 Apr 2016 04:00:20 GMT

Robert, I have struggled over the weekend on this.. The featureLayer1.clearSelection() does work but looks like I am not passing it at the correct location. Would you please take a stab at the code and see which function and how I should be using it?

Thanks so much…..

Re: Extend Enhanced Search Widget

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:37:16 GMT

Sonia,

When you want a var available in any function in the widget you define it this way:

return declare([BaseWidget, _WidgetsInTemplateMixin], {

    // DemoWidget code goes here 
    baseClass: 'jimu-widget-demo',
    zipcodes1: null,

    startup: function() {
        this.inherited(arguments);
        console.log('startup');
        //var zipcodes1;
    },

    _onchgclearfeatures: function() {
        alert("clear");
        this.zipcodes1.clearSelection();
    },

Re: Extend Enhanced Search Widget

soniamonga — Wed, 27 Apr 2016 17:07:43 GMT

Thanks so much Robert for all your help so far!