topic Re: Dynamic Filter in ArcGIS JavaScript Maps SDK Questions

Dynamic Filter

AvishaiDemayo — Sun, 26 Mar 2017 10:21:45 GMT

Hi,

We have an app that was created with webappbuilder 2.2 that only hold one layer.

This layer has 14 polygones and we want to send papramter to the map so it will open with the realvant polygone

instead of creating 14 diffrent apps / maps.

For example -

http://gisserver/portal/apps/webappviewer/index.html?id=92fa9ecbb5cc433daa7ce8c9fe18cf45&FILTER=MYLAYER, Code=1-14 ( 1,2,3...14 )

The same as here Use URL parameters to modify maps—ArcGIS Online Help | ArcGIS but filter the data.

Hope i make myself clear..

Avishai

Re: Dynamic Filter

RebeccaStrauch__GISP — Mon, 27 Mar 2017 03:33:48 GMT

I marked you other post as a dupe so this should be you primary.

tagging https://community.esri.com/community/gis/web-gis/web-appbuilder?sr=search&searchId=e94524a8-dd10-4acf-a3b3-59b6eb3a6f94&searchIndex=5‌ and https://community.esri.com/community/gis/web-gis?sr=search&searchId=35182f98-1037-42cf-9e05-27330fb260a4&searchIndex=3‌ for more exposure.

Re: Dynamic Filter

RobertScheitlin__GISP — Mon, 27 Mar 2017 11:58:30 GMT

Avishai,

So you are saying that you are having a hard time figuring out how to use the Query or find parameters?

Use URL parameters—Web AppBuilder for ArcGIS | ArcGIS

Re: Dynamic Filter

AvishaiDemayo — Mon, 27 Mar 2017 12:04:51 GMT

The "Query a feature" only zooms in and select the feature and does not filter the data ( removes all other features )

Re: Dynamic Filter

RobertScheitlin__GISP — Mon, 27 Mar 2017 12:13:29 GMT

You can se from the help Doc I linked to there is no filter parameter. Only query and find.

Re: Dynamic Filter

AvishaiDemayo — Mon, 27 Mar 2017 12:16:01 GMT

Right - my question is if if it possible to do? and how ?

Re: Dynamic Filter

RobertScheitlin__GISP — Mon, 27 Mar 2017 12:25:55 GMT

Since it is not an OTB supported feature it would require an experienced developer using WAB developer edition to add the filter parameter to the code base.

Re: Dynamic Filter

AvishaiDemayo — Mon, 27 Mar 2017 12:34:35 GMT

Which code base would that be ? the map ? app ? and where can we find the file storing the code ? ( path / directory in the server )

We found out that the layerDefinition function does the filtering needed at the arcgisportal\content\items\query_.. file but how can we make it into a parmeter ?

Thanks !

Re: Dynamic Filter

RobertScheitlin__GISP — Mon, 27 Mar 2017 12:40:51 GMT

You would have to get WAB developer edition to be able to work with the WAB code base and then you would have to host your customized WAB app on your own server as customized WAB apps can not be hosted on AGOL.

Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

The url parameters are handled in the [install dir]\server\apps\[app#]\jimu.jsMapUrlParamsHandler.js

Re: Dynamic Filter

AvishaiDemayo — Wed, 29 Mar 2017 12:32:02 GMT

I guess my question is now how do I insert the 'layerDefinition' in order to filter the Feature instead of just selecting it ?

selectFeatures(map, layer2, queryArray); & FilterFeatures(map, layer2, queryArray);

( or is there some other way doing so ? )

Thanks !

This is the "query" function syntax -

function queryFeature(queryObject, map){
/************************
?query=<layerName/layerId, fieldName, fieldValue>
?query=<layerName/layerId, whereClause>
*************************/
//?query=Cities,pop>1000&level=10
//?query=Cities,city_name,Rome&level=10
var queryArray = queryObject.query.split(";");
if (queryArray.length === 1) {
queryArray = queryObject.query.split(",");
}

if(queryArray.length !== 2 && queryArray.length !== 3){
console.error('query URL parameter is not correct.');
return;
}

Re: Dynamic Filter

RobertScheitlin__GISP — Wed, 29 Mar 2017 13:59:25 GMT

Avishai,

This is more involved then a couple of lines of code and a few minutes of development. I don't have time to look into this further right now so you have to take it from here.

Re: Dynamic Filter

AvishaiDemayo — Mon, 03 Apr 2017 13:07:48 GMT

Made it ! 10x

Re: Dynamic Filter

JTessier — Thu, 20 Sep 2018 20:00:30 GMT

Any chance you can share your code Avishai? Or did you post it in GitHub?

Re: Dynamic Filter

WaiChan — Mon, 03 Jun 2019 14:44:28 GMT

Avishai, I am having the same issue you had. How did you solve it?

Re: Dynamic Filter

AvishaiDemayo — Tue, 04 Jun 2019 06:24:41 GMT

Go to ..\arcgis-web-appbuilder-2.7\WebAppBuilderForArcGIS\server\apps\xx\jimu

Modify MapUrlParamsHandler.js (make a backup)
Add:
1. In mo.postProcessUrlParams = function(urlParams, map) add if('filter' in urlParams){ setSpecialZoom(urlParams, map);}
3. 3 functions

function setSpecialZoom(queryObject, map){

//myZooms is a keyValue string, separated by ; char, key is layerObject Id, values are filters, separated by *

var myZooms = queryObject.filter.split(";");

if (myZooms.length < 1) {console.error("No arguments in specialzoom");return;}

var layersKeyValue = {};

for (myLayer in myZooms){

//iterate over each itemid

myLayer = myZooms[myLayer];

layerAndFilter = myLayer.split("*");

if (layerAndFilter.length < 2){console.error("LayerObject, ID or filters are missing");return;}

var layerFilters = [];

layerId = layerAndFilter[0];

for ( i = 1; i < layerAndFilter.length; i++){

//iterate over each id in item id

layerFilters = processFilter(layerFilters,layerAndFilter.split("|"));

}

layersKeyValue[layerId] = layerFilters;

}

assignFilterPropertiesToLayer(layersKeyValue,map);

//var valuesForProcess = [myZooms[0]];

//map.itemInfo.itemData.operationalLayers[0].layerObject.setLayerDefinitions( valuesForProcess);

}

function processFilter (layerFilters,myFilters){

//creates a string structure from all the filters.

var andString = " AND ";

var filterCombined = "";

var layerId = myFilters[0]

for (j = 1; j < myFilters.length;j++) {

currentFilter = myFilters;

// currentFilter = "(" + currentFilter + ")";

if (filterCombined.length == 0){

filterCombined = currentFilter;

}else{

filterCombined = filterCombined + andString + currentFilter;

}

layerFilters[layerId] = filterCombined;

return layerFilters;

}

function assignFilterPropertiesToLayer (layersKeyValue,map){

//loop over all operational layers and set new filter if necessary

for (myOperLayer in map.itemInfo.itemData.operationalLayers){

myOperLayer = map.itemInfo.itemData.operationalLayers[myOperLayer];

if (myOperLayer.id && layersKeyValue[myOperLayer.id]){

myOperLayer.layerObject.setLayerDefinitions(layersKeyValue[myOperLayer.id]);

}

How to use in URL :

Add "filter=" in url

separated by ; between Map services

separated by * between itemid and id (Service Features in a Map service) separated by | between field Values

example :

ITEMID ID Field Values

Re: Dynamic Filter

AvishaiDemayo — Tue, 04 Jun 2019 06:25:13 GMT

iI've posted it in Wai Chan replay

Re: Dynamic Filter

WaiChan — Tue, 04 Jun 2019 12:26:08 GMT

This is awesome! I am not much of a JavaScript person, but I think I can make heads and tails on your code. Thank you very much!

Re: Dynamic Filter

SaraAbasi — Mon, 09 Dec 2019 18:42:36 GMT

Thanks Avishai for sharing the solution, I have few questions:

I cannot locate the function in red (In mo.postProcessUrlParams = function(urlParams, map) add if('filter' in...)

Questions about the url:

Is this number the app id we get from the servce setting? 3fb26b36ed2d43f48c63770fc50bc7f8

Is the numbers 0, 1, 2, indicate th enumber filters on a service?

Where can we identify the extent for the zoom?

What I need to do is to zoom to one project_number (which is the id) out of 100, zoom into that project in some extent and remove anyother project from the map.

Thank you!