topic Re: 'jimu/dijit/DrawBox' Documentation? in ArcGIS Web AppBuilder Questions

'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Tue, 07 Jun 2016 23:12:47 GMT

I am trying to add a drawing capability to a widget. I looked to the Draw widget as an example. The widget uses 'jimu/dijit/DrawBox'. I can not find documentation for this dijit in the API reference.

Does anyone know if there is additional API documentation?

Thank you

-Marcus Harner

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Wed, 08 Jun 2016 12:50:33 GMT

Marcus,

There is no documentation for most of the internal jimu dijits. The DrawBox is a very simple dijit as far as exposed methods and properties. If you look at the Draw widget or or custom widgets like the eSearch you will see that using the DrawBox is not hard at all. Let me know if you have any specific questions.

Re: 'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Wed, 08 Jun 2016 16:13:46 GMT

Hello Robert,

Specifically, and trying to follow the example of the Draw widget:

To Widget.html, I add the div

div data-dojo-attach-point="drawBox" data-dojo-type="jimu/dijit/DrawBox" data-dojo-props='types:["point","polyline","polygon"],showClear:false' style="margin-top:5px;"></div>

To Widget.js I add
'jimu/dijit/DrawBox' reference in define([],

In the postCreate are simply these lines:

this.inherited(arguments);

this.drawBox.setMap(this.map);

When I test it in Chrome, it breaks with this error

"TypeError: this.drawBox.setMap is not a function(…) "TypeError: this.drawBox.setMap is not a function..."

Is there a way to see the exposed methods and properties? Coming from Silverlight, and without documentation WAB widget development is at least an order of magnitude slower I am finding.

Thanks for any insight!

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Wed, 08 Jun 2016 16:57:21 GMT

Marcus,

To Widget.js I add
'jimu/dijit/DrawBox' reference in define([],

Did you also add the DrawBox parameter to the defines parameters list. In the AMD word you have defines and then each define has a parameter that coincides with it.

Re: 'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Wed, 08 Jun 2016 21:15:14 GMT

Hello Robert,

I only added 'jimu/dijit/DrawBox' into define([],

The Draw widget that I ma using for an example does not have a corresponding 'DrawBox' in function().

It is like

define([...'jimu/dijit/DrawBox',...

fuction(...){

...});

where '...' is text that is not seemling related to the DrawBox

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Wed, 08 Jun 2016 21:24:47 GMT

Marcus,

You are correct. If you are not creating the dijit in code then you do not need the matching parameter in your JS file.

Can I see your whole Widget.js to see if there is some other issue?

Re: 'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Mon, 13 Jun 2016 23:07:39 GMT

Hi Robert,

Surely!

I attached the Widget.js file as Widget.txt.

In Widget.html I have this div

That I think is references in the Widget.js from the Draw widget example.

The Widget is doing much more than just drawing, so there is a plethora of unreferenced functions still to be populated.

The postCreate: seems to be where it is failing.

Any ideas would be greatly appreciated.

-Marcus

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Tue, 14 Jun 2016 13:45:21 GMT

Marcus,

So you had a couple of issues, the main one was you did not have jimu/BaseWidget in your requires but it was in your declare array, and you did not have _WidgetsInTemplateMixin in your declare array. Also you should always have 'dojo/_base/declare', 'dijit/_WidgetsInTemplateMixin', 'jimu/BaseWidget' as the very first items in your define/require array. I had to make up some of the other files that you did not provide (so I had to guess as some of this), but here is your widget at least displaying in WAB.

Re: 'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Tue, 14 Jun 2016 22:49:34 GMT

Thanks so much for your help Robert!

I revised my Widget.js with your revisions.

Now I get the message:

"Error: dijit._WidgetsInTemplateMixin: parser returned unfilled promise (probably waiting for module auto-load), unsupported by _WidgetsInTemplateMixin. Must pre-load all supporting widgets before instantiation."

I can not find any documentation about this issue either. It is a small simple app that I am porting over. It might be faster to just write it from scratch.

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Wed, 15 Jun 2016 00:13:42 GMT

Marcus,

That eror just means that you have a dijit/widget in your widgets template that you have not defined in your Widget.js file. If you attach your Widget.html I can take a look for you.

Re: 'jimu/dijit/DrawBox' Documentation?

MarcusHarner — Wed, 15 Jun 2016 16:06:21 GMT

Robert!

Oh fantastic, and Yes indeed I did have a 'dijit/form/RadioButton' in the template html, but not defined in the Widjet.js file. I corrected it and indeed I do see the widget.

Thank You!!

Re: 'jimu/dijit/DrawBox' Documentation?

RobertScheitlin__GISP — Wed, 15 Jun 2016 16:09:01 GMT

Marcus,

Glad to hear. Please Mark this question as answered by clicking on the "Correct Answer" link on the thread that answered your question.