topic Re: Custom Popups and behaviour - trigger attribute table in Web AppBuilder Custom Widgets Questions

Custom Popups and behaviour - trigger attribute table

NEvatt — Thu, 13 Nov 2014 17:49:06 GMT

Hi There,

Has anyone figured out how to create custom popups in WAB? My end goal is to trigger a custom attribute table widget to display multiple selected attributes, instead of the arrow button in the popup. But in the process of trying to accomplish this, I have not been able to even figure out how the popup works. I think it has something to do with the LayerInfos folder in jimu.js, but all configuration changing that I do seems to have no affect.

I think there is a similar widget in the flex api? is that right?

thanks,

Nat

Re: Custom Popups and behaviour - trigger attribute table

NEvatt — Wed, 26 Nov 2014 15:51:50 GMT

I just wanted to clarify exactly what I am asking. When there are multiple items selected at once, instead of displaying the arrows to navigate through the selections like below, I would like to show the results in an attribute table

Does anyone know what functions get called when multiple features are selected or anything that could point me in the right direction?

thanks,

Nat

Re: Custom Popups and behaviour - trigger attribute table

RobertScheitlin__GISP — Wed, 26 Nov 2014 16:12:23 GMT

Nat,

When multiple features are selected basically this happens:

this.map.infoWindow.setFeatures(array of feature);

and then the map.infoWindow (by default an instance of popup dijit) handles the adding the arrows and the display of the content.

So I imagine you would have to extend the popup dijit some how to be able to do what you are after.

Re: Custom Popups and behaviour - trigger attribute table

JeremieCornet1 — Thu, 27 Nov 2014 00:23:32 GMT

Hi,

You can handle the infowindow show event and change the infowindow content with infoWindow.features.

I tried to hide the arrows with

map.infoWindow.set('pagingControls', false);

map.infoWindow.set('pagingInfo', false);

but this didn't work so i hided it in css.

Re: Custom Popups and behaviour - trigger attribute table

NEvatt — Wed, 31 Dec 2014 09:18:32 GMT

Hi Robert and Jeremie,

Thanks for the help on this one. I have mostly resolved this issue now after being pointed in the right direction by you two. Instead of stopping the infowindow from popping up, like I originally intended, have left it alone and put a condition in my version of the AttributeTable widget to open if there is more than one feature selected in the selected feature length:

on(this.map, "click", lang.hitch(this, function (e) {

all(this.map.infoWindow.deferreds).then(lang.hitch(this, function () {

try {

var selectedLength = this.map.infoWindow.features.length;

if (selectedLength > 1) {

this._openTable();

} else {

//check to see if the attribute table is open, if so close it

this._closeTable();

}

} catch (err) {

//console.log('less than two selected '+err);

}

}));

Then I have configured the AttributeTable widget to only display the selected features. It took a bit of work to configure it correctly, but the AttributeTable widget has all the tools to display the all selected features in the manner that I wanted it.

Thanks again,

Nat

Re: Custom Popups and behaviour - trigger attribute table

StanMcShinsky — Thu, 26 Feb 2015 19:12:16 GMT

Nat,

Could you post a screen shot of what this looks like in the popup. I am interested.