topic Re: Dynamically add FeatureTable to custom widget in Web AppBuilder Custom Widgets Questions

Dynamically add FeatureTable to custom widget

AndyWright — Thu, 17 Dec 2015 21:11:08 GMT

I'm brand spanking new to the Web AppBuilder and am trying to develop a custom widget designed like the bottom half of the image shown below. I need a FeatureTable in the top 50% of the widget, and then a tab set with 3 tabs on the bottom half of the widget with a FeatureTable in each of the tabs.

I've been able to get the general UI design to appear in my custom widget, but I can't for the life of me get the FeatureTable objects to appear. I have populated the tables from their corresponding feature layers, as I've seen that data in the Chrome Developer Tools console window. I am able to get this set up and working with the Javascript API, but I'd obviously like to take advantage of all the free bells and whistles the Web AppBuilder provides.

Does anyone have a code example they can post or can anyone point me in the direction of a custom widget that has an AttributeTable in it as I haven't found one yet. I feel like I'm overlooking something obvious and since I'm a little green with this stuff I'm sure I am. Thanks in advance for the help.

Re: Dynamically add FeatureTable to custom widget

RickeyFight — Thu, 17 Dec 2015 21:17:09 GMT

Andy,

I would move this to Web AppBuilder Custom Widgets and have you seen this great resource:

Web AppBuilder Developer Edition - Customization Resource List

Re: Dynamically add FeatureTable to custom widget

AndyWright — Thu, 17 Dec 2015 21:22:33 GMT

Rickey,

Thanks for the advice. I moved it to the custom widgets forums. The link you sent looks like a great resource. I’ll start plowing into that …

Andy

Re: Dynamically add FeatureTable to custom widget

RobertScheitlin__GISP — Thu, 17 Dec 2015 21:36:13 GMT

Andy,

Are you using the _WidgetsInTemplateMixin require?

'dijit/_WidgetsInTemplateMixin',

_WidgetsInTemplateMixin,

return declare([BaseWidget, _WidgetsInTemplateMixin], {

Re: Dynamically add FeatureTable to custom widget

AndyWright — Thu, 17 Dec 2015 21:39:39 GMT

Robert,

Yes I am. As a matter of fact I am using your Identify Widget as a starting point. So I've raped and pillaged a bit to get the UI looking the way I want. I just can't get a FeatureTable to show up.

Re: Dynamically add FeatureTable to custom widget

RobertScheitlin__GISP — Fri, 18 Dec 2015 14:30:32 GMT

Andy,

I am finding the same issue and looking at the fact that the Attribute Table Widget uses a custom _featureTable.js class and not the JS API FeatureTable class leads me to wonder if there is some incompatibility as I am receiving this error:

Re: Dynamically add FeatureTable to custom widget

AndyWright — Fri, 18 Dec 2015 14:38:36 GMT

That's not good news. Can anyone at Esri comment on this and/or suggest a workaround?

Re: Dynamically add FeatureTable to custom widget

RobertScheitlin__GISP — Fri, 18 Dec 2015 15:37:00 GMT

Andy,

I do get the table to show in the widget (empty though). It bombs when loading the data with the error about the dgrid column hider.

Junshan Liu Here is a simple test case widget that shows the dgrid column hider error. Is there something I and others are missing?

Re: Dynamically add FeatureTable to custom widget

ZeZhengLi — Mon, 21 Dec 2015 02:34:26 GMT

Robert,

It seems that the second parameter you assign to `FeatureTable` must be an id of an element.

I think this is a bug of `FeatureTable`, so I suggest you provide an unique id as the second parameter of `FeatureTable` every time you want to create a new FeatureTable.

Re: Dynamically add FeatureTable to custom widget

RobertScheitlin__GISP — Mon, 21 Dec 2015 04:36:24 GMT

Andy,

Here is a quick update to the code I provided earlier with the fix from ZeZheng and table re-sizing.

Re: Dynamically add FeatureTable to custom widget

AndyWright — Mon, 21 Dec 2015 14:16:01 GMT

Awesome! Thanks Robert. I'll take a look at this later this morning. I was able to get a table to show up with your example Friday and by accessing the FeatureTable from an existing layer in the map rather than creating one from a REST endpoint I was able to get data loaded into the table, but I could no longer see the table after that. Then when I tried to load multiple tables into my widget at once I got another error that seemed to be related to the same object (with the same id) being added multiple times, so it sounds like this id parameter might get me around that.

Thanks again, and I'll keep you posted ...

Re: Dynamically add FeatureTable to custom widget

RobertScheitlin__GISP — Mon, 21 Dec 2015 14:19:05 GMT

Andy,

Glad to help. Make sure you mark this thread as answered if you feel that your initial question as been.

Re: Dynamically add FeatureTable to custom widget

AndyWright — Mon, 21 Dec 2015 14:20:20 GMT

Will do, thanks …

Re: Dynamically add FeatureTable to custom widget

AndyWright — Mon, 21 Dec 2015 19:23:53 GMT

Everything is working great now. I'm also able to load multiple tables at once without issue. The id parameter fixed that as well. Thanks a ton for your help and code examples Robert. I really appreciate it.