FeatureLayerView

Class: esri/views/layers/FeatureLayerView
Inheritance: FeatureLayerView LayerView Accessor
Since: ArcGIS API for JavaScript 4.0

Represents the LayerView of a FeatureLayer after it has been added to a Map in either a MapView or SceneView.

The FeatureLayerView is responsible for rendering a FeatureLayer's features as graphics in the View. The methods in the FeatureLayerView provide developers with the ability to query and highlight graphics in the view. See the code snippets in the methods below for examples of how to access client-side graphics from the view.

See also:

Property Overview

Any properties can be set, retrieved or listened to. See the Working with Properties topic.
NameTypeSummary
String

The name of the class.

more details
more details
Layer

The layer being viewed.

more details
more details
Boolean

Value is true if the layer is suspended (i.e., layer will not redraw or update itself when the extent changes).

more details
more details
Boolean

Value is true when the layer is updating; for example, if it is in the process of fetching data.

more details
more details
Boolean

When true, the layer is visible in the view.

more details
more details

Property Details

declaredClassStringreadonly

The name of the class. The declared class name is formatted as esri.folder.className.

layerLayerreadonly

The layer being viewed.

suspendedBooleanreadonly

Value is true if the layer is suspended (i.e., layer will not redraw or update itself when the extent changes).

updatingBooleanreadonly

Value is true when the layer is updating; for example, if it is in the process of fetching data.

Default Value: false

visibleBoolean

When true, the layer is visible in the view. Set this property to false to hide the layer from the view.

Default Value: true

Method Overview

NameReturn TypeSummary
Promise

An instance of this class is a Promise.

more details
more details
Object

Highlights the given feature(s).

more details
more details
Boolean

An instance of this class is a Promise.

more details
more details
Boolean

An instance of this class is a Promise.

more details
more details
Boolean

An instance of this class is a Promise.

more details
more details
Promise

An instance of this class is a Promise.

more details
more details
Promise

Executes a Query against features available for drawing in the layer view and returns the Extent of features that satisfy the query.

more details
more details
Promise

Executes a Query against features available for drawing in the layer view and returns the number of features that satisfy the query.

more details
more details
Promise

Executes a Query against features available for drawing in the layer view and returns an array of Graphic[].

more details
more details
Promise

Executes a Query against features available for drawing in the layer view and returns array of the ObjectIDs of features that satisfy the input query.

more details
more details
Promise

An instance of this class is a Promise.

more details
more details

Method Details

always(callbackOrErrback){Promise}inherited

An instance of this class is a Promise. Therefore always() may be used to execute a function if the promise is rejected or resolved. The input function will always execute no matter the response. For more information about promises, see the Working with Promises guide page.

Parameter:
callbackOrErrback Function
optional

The function to execute when the promise is rejected or resolved.

Returns:
TypeDescription
PromiseReturns a new promise for the result of callbackOrErrback.
Example:
// Although this example uses MapView, any class instance that is a promise may use always() in the same way
var view = new MapView();
view.always(function(){
  // This function will always execute whether or not the promise is resolved or rejected
});

highlight(target){Object}

Since: ArcGIS API for JavaScript 4.4

Highlights the given feature(s).

Known Limitations

Currently the highlight method is only supported in a SceneView.

Parameter:
optional

The feature(s) to highlight. When passing a graphic or array of graphics, each feature must have a valid objectID. You may alternatively pass one or more objectIDs as a single number or an array.

Returns:
TypeDescription
ObjectReturns a highlight handler with a remove() method that can be called to remove the highlight.
PropertyTypeDescription
removeFunctionWhen called, removes the highlight of the selected graphics.
See also:
Example:
// highlight features based on a query result
var highlight;
view.whenLayerView(treesLayer).then(function(lyrView){
 var query = treesLayer.createQuery();
 query.where = "type = 'Quercus'";
 treesLayer.queryFeatures(query).then(function(result){
   if (highlight) {
     highlight.remove();
   }
   highlight = lyrView.highlight(result.features);
 })
});

// highlight feature on click
view.on("click", function(event){
 view.hitTest(event).then(function(response){
   if (response.results[0]) {
     var graphic = response.results[0].graphic;
     view.whenLayerView(graphic.layer).then(function(lyrView){
       lyrView.highlight(graphic);
     })
   }
 })
});

isFulfilled(){Boolean}inherited

An instance of this class is a Promise. Therefore isFulfilled() may be used to verify if the promise is fulfilled (either resolved or rejected). If it is fulfilled, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:
TypeDescription
BooleanIndicates whether the promise has been fulfilled (either resolved or rejected).

isRejected(){Boolean}inherited

An instance of this class is a Promise. Therefore isRejected() may be used to verify if the promise is rejected. If it is rejected, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:
TypeDescription
BooleanIndicates whether the promise has been rejected.

isResolved(){Boolean}inherited

An instance of this class is a Promise. Therefore isResolved() may be used to verify if the promise is resolved. If it is resolved, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:
TypeDescription
BooleanIndicates whether the promise has been resolved.

otherwise(errback){Promise}inherited

An instance of this class is a Promise. Use otherwise() to call a function once the promise is rejected.

Parameter:
errback Function
optional

The function to execute when the promise fails.

Returns:
TypeDescription
PromiseReturns a new promise for the result of errback.
Example:
// Although this example uses MapView, any class instance that is a promise may use otherwise() in the same way
var view = new MapView();
view.otherwise(function(error){
  // This function will execute if the promise is rejected due to an error
});

queryExtent(params){Promise}

Executes a Query against features available for drawing in the layer view and returns the Extent of features that satisfy the query. Valid only for hosted feature services on arcgis.com and for ArcGIS Server 10.3.1 and later. If query parameters are not provided, the extent and count of all features available for drawing are returned.

To query for the extent of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryExtent() method.

Parameter:
params Query
optional

Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the extent and count of all features available for drawing are returned.

Returns:
TypeDescription
PromiseWhen resolved, returns the extent and count of the features that satisfy the input query. See the object specification table below for details.
PropertyTypeDescription
countNumberThe number of features that satisfy the input query.
extentExtentThe extent of the features that satisfy the query.
Example:
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryExtent().then(function(results){
        view.goTo(results.extent);  // go to the extent of all the graphics in the layer view
      });
    }
  });
});

queryFeatureCount(params){Promise}

Executes a Query against features available for drawing in the layer view and returns the number of features that satisfy the query. If query parameters are not provided, the count of all features available for drawing is returned.

To query for the count of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryFeatureCount() method.

Parameter:
params Query
optional

Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the count of all features available for drawing is returned.

Returns:
TypeDescription
PromiseWhen resolved, returns the number of features satisfying the query.
Examples:
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.on("click", function(event){

  var query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(lyr).then(function(lyrView){
    watchUtils.whenNotOnce(lyrView, "updating")
    .then(function(){
      return lyrView.queryFeatureCount(query);
    })
    .then(function(count){
      console.log(count);  // prints the number of the client-side graphics that satisfy the query
    });
  });
});
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.whenLayerView(lyr).then(function(lyrView){
  return lyrView.queryFeatureCount()
}).then(function(count){
  console.log(count);  // prints the total number of client-side graphics to the console
});

queryFeatures(params){Promise}

Executes a Query against features available for drawing in the layer view and returns an array of Graphic[]. If query parameters are not provided, all features available for drawing are returned.

To execute a query against all the features in a Feature Service rather than only those visible in the view, you must use the FeatureLayer.queryFeatures() method.

Parameter:
params Query
optional

Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If specifying a geometry parameter, note that extent is the only supported geometry. If query parameters are not provided, all features available for drawing are returned.

Returns:
TypeDescription
PromiseWhen resolved, an array of Graphic[] is returned. This array will not be populated if zero results are found.
Examples:
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

var query = new Query();
query.geometry = new Extent({
 xmin: -9177811,
 ymin: 4247000,
 xmax: -9176791,
 ymax: 4247784,
 spatialReference: 102100
});
query.spatialRelationship = "intersects";

view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryFeatures(query).then(function(results){
        console.log(results);  // prints the array of client-side graphics to the console
      });
    }
  });
});
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

// returns all the graphics from the layer view
view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryFeatures().then(function(results){
        console.log(results);  // prints all the client-side graphics to the console
      });
    }
  });
});

queryObjectIds(params){Promise}

Executes a Query against features available for drawing in the layer view and returns array of the ObjectIDs of features that satisfy the input query. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned.

To query for ObjectIDs of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryObjectIds() method.

Parameter:
params Query
optional

Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned.

Returns:
TypeDescription
PromiseWhen resolved, returns an array of numbers representing the ObjectIDs of the features satisfying the query.
Examples:
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.on("click", function(event){

  var query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(lyr).then(function(lyrView){
    watchUtils.whenNotOnce(lyrView, "updating")
    .then(function(){
      return lyrView.queryObjectIds(query);
    })
    .then(function(ids){
      console.log(ids);  // prints the ids of the client-side graphics to the console
    });
  });
});
var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

// returns all the Ids from the graphics in the layer view
view.whenLayerView(lyr).then(function(lyrView){
  return lyrView.queryObjectIds()
}).then(function(ids){
  console.log(ids);  // prints the ids of all the client-side graphics to the console
});

then(callback, errback, progback){Promise}inherited

An instance of this class is a Promise. Therefore then() may be leveraged once an instance of the class is created. This method takes two input parameters: a callback function and an errback function. The callback executes when the promise resolves (when the instance of the class loads). The errback executes if the promise fails. See the Working with Promises guide page for additional details.

Parameters:
callback Function
optional

The function to call when the promise resolves.

errback Function
optional

The function to execute when the promise fails.

progback Function
optional

The function to invoke when the promise emits a progress update.

Returns:
TypeDescription
PromiseReturns a new promise for the result of callback that may be used to chain additional functions.
Example:
// Although this example uses MapView, any class instance that is a promise may use then() in the same way
var view = new MapView();
view.then(function(){
  // This function will execute once the promise is resolved
}, function(error){
  // This function will execute if the promise is rejected due to an error
});

API Reference search results

NameTypeModule

There were no match results from your search criteria.