How to use a method declared in a webApp builder widget's main js?

[DávidGregor]

I have programing theory question. I need to develop the editor widget, to fill out input boxes automatically with webmapID, date, ect. I'm trying to follow the widget's techniques, but i'm unsuccesfull.

So here i want to get the webmapid in widget.js, but probably it's already not good, because i don't have 'map' in that scope. In the widget.js's startup function i call this method "this.getWebMapId(); And it returns the value.

My big problem,(except that i'm really new in programming) is how to call this method in the RelatedRecordsEditor.js's "_init" function.  Should i declare it like the Clazz object's property? What should i do with the _editWidget object in RelatedRecordsEditor?

What i have done:

widget.js:

      /*******************************

       * Public methods

       * *****************************/

      getWebMapId: function() {

        var webMapID = this.map.itemInfo.item.id;

        console.log("webmapid: "+ webMapID);

        return webMapID;     

      },

RelatedRecordsEditor.js:

      dojo.connect(dijit.byId('dijit_form_ValidationTextBox_1'), 'onChange', function (webMapID) {

        var mapid=dijit.byId("dijit_form_ValidationTextBox_1").attr("value");

        console.log(mapid);

        var webMapID;

        webMapID = this._editWidget.getWebMapId();  

        var update = mapid.replace(mapid, webMapID);

        console.log(update);

        dojo.byId('dijit_form_ValidationTextBox_1').value = update;

      });

(_editWidget is undefined here.)

[RobertScheitlin__GISP · Accepted solution]

Dávid,

   You need to get a reference to the edit widget in the RelatedRecordsEditor.js file. The normal way to do this is to use the WidgetManager.js class to get the widget reference.

require(["jimu/WidgetManager"], function(WidgetManager) {
  var _editWidget = WidgetManager.getInstance().getWidgetsByName('Edit');
  var webMapID = _editWidget[0].getWebMapId();
});‍‍‍‍‍‍‍‍

[DávidGregor]

I was trying to understand the file's communication rather. And some minutes ago a solved it like this, but i will use your answer in the future for sure.

    

 _init: function() {

  

      var webMapID= this._editWidget.map.itemInfo.item.id;

      dojo.connect(dijit.byId('dijit_form_ValidationTextBox_3'), 'onChange', function () {

        var mapid=dijit.byId("dijit_form_ValidationTextBox_1").attr("value");

        console.log("itemid:"+webMapID)

        console.log(mapid);       

        var update = mapid.replace(mapid, webMapID);

        console.log(update);

        dojo.byId('dijit_form_ValidationTextBox_1').value = update;

      });

},

Unfortunately, i realised that it fills the inputbox, but if the user doesn't modify the string, it doesn't save the string what is inside the dijit_form_ValidationTextBox_1   so i need to figure out how to pass this value to the system.

But a thousand thanks for your help!