topic Customize add widget in Web AppBuilder Custom Widgets Questions

Customize add widget

aishvaryvardhan — Wed, 20 Dec 2017 09:19:47 GMT

I am customizing add widget and want to add new layers after a define html .. which is defined in widget.html in layerlist widget. Also I am adding layers by layer list widget..
by default the layer are adding on top i want them in after the html.

Please find snapshot for better understanding

Any lead on this is highly appreciated

Thanks

Ash

Re: Customize add widget

RobertScheitlin__GISP — Wed, 20 Dec 2017 15:55:33 GMT

???... I am totally at a loss here. what are you asking?

Re: Customize add widget

aishvaryvardhan — Thu, 21 Dec 2017 10:02:16 GMT

Hi Robert

I guess this image will give a better picture to you.

Its like some layer I have added by layer list widget and there is some other HTML . I then want to add more layers from add data widget provided it should come after html but by default it is coming in the section above HTML

Thanks

Ash

Re: Customize add widget

RobertScheitlin__GISP — Thu, 21 Dec 2017 15:04:19 GMT

OK, I see what you are after now but sorry I don't have any suggestions.

Re: Customize add widget

aishvaryvardhan — Fri, 22 Dec 2017 10:10:39 GMT

Thanks Robert for your pointers

Re: Customize add widget

KoenDemonie — Wed, 19 Jun 2019 11:19:46 GMT

If i'm understanding your situation correctly, you want to have a custom widget that consists out of :

A Layerlist widget,
some HTML,
A second Layerlist widget.

The first layerlist widget should match the initial webmap layers, and the second layerlist should match the newly added layers.

An important note to take from the Layerlist widget is: when providing a "layers" param, the layerlist will only listen to changes to these provided layers. So for the first requirement, the first layerlist... it can easly be done, by using 'jimu/LayerStructure' to build the initial layer tree.

tip :

LayerStructure.getInstance().getWebmapLayerNodes();‍

This is why it's being added above your HTML block, if the layers property of the map LayerList widget is undefined, it will take the list from the map.

- see : https://developers.arcgis.com/javascript/3/jsapi/layerlist-amd.html#layers

Then for the second layerlist you'll need to listen to the map's "layer-add" event and add it to your second layerlist.

- see Map | API Reference | ArcGIS API for JavaScript 3.28