延迟调用 dojo widget 中的函数，直到设置全局变量

Delay a function in dojo widget from being called until global variable is set

本文关键字：设置 全局变量 函数 调用 dojo widget 延迟      更新时间：2023-09-26

我有一个从外部js文件渲染的自定义饼图。 我使用 xhrget 来获取填充饼图所需的数据。 我使用的 url 包含一个全局变量，但我的问题是脚本中的函数在设置全局变量之前被调用。

这是我的代码：

    var chart1 = new dojox.charting.Chart2D(this.id,{fill:"transparent"});

        chart1.setTheme(dojox.charting.themes.MiamiNice,{fill:"transparent"});
        chart1.addPlot("default", {
        type: "Pie",
        labels: false,
         labelStyle: "rows",
        precision: -10,
        fontColor: "black",
        labelOffset: -20,
        radius: 150
      });
      console.log(this.getURLFunction(this.id ));
        chart1.theme.plotarea.fill = undefined;
        this.xhrDeferred = dojo.xhrGet({
            url: this.getURLFunction(this.id)**,//"../traffic-analysis/get-ip-dist/format/json/ds/1/data/rate/tTime/1334787567/fTime/1334182767/time/604800/drilldown/true/displayedTime/enabled?dojo.preventCache=1334787568120",
            sync: true,
            handleAs: "json",
            preventCache: true,
           load: function(responseObj) {

            var seriesData=[1,2,3,4,5,6,7];
            chart1.addSeries("IP", dojo.map(responseObj.pieItems, function(p){
  return {
    y:    p[1], // value
    text: p[0],  // label
    tooltip:p[0] +": " + p[1]
  };
}));
      var anim_a = new dojox.charting.action2d.MoveSlice(chart1, "default");
      var anim_b = new dojox.charting.action2d.Highlight(chart1, "default");
      var anim_c = new dojox.charting.action2d.Tooltip(chart1, "default");
        chart1.render();
        var chartLegend = new dojox.charting.widget.Legend({
                chart: chart1,
                swatchSize: 12,
            },
            "chartLegend");
            },
            // error: function(error, args) { console.warn("error", error); }
            error: function(error, args) { 
                _this.xhrError = true;
                _this.chartStatusBar.innerHTML = chartErrorMsg(_this.id);
                console.log(error);
            }

        });

xhrget for url 下的 getURLFunction（this.id） 是指 HTML 中的一个元素，该元素具有从 HTML 文件调用特定函数的 ID。

该函数是 getURL_IpDist（），它返回 xhrget 将用于获取数据的 URL，即/traffic-analysis/get-ip-dist/format/json" + sc.toURL（）;

sc 是在我的函数尝试获取 url 之前需要设置的全局变量。 这是在另一个外部 JavaScript 文件中设置的。有谁知道如何在设置变量之前延迟 dojo 或 javascript 的加载？

据我了解，您发布的代码位于单独的 js 文件中，并且您使用 <script> 标签包含它。

您是否尝试过将此代码包装在 ready 函数中？

require(["dojo/ready"], function(ready){
    ready(function(){
        // var chart1 = ...
    });
});

这样做不会执行代码，直到浏览器解析了整个 dom。 其中应包括设置全局变量的其他代码。

不要使用变量，而是使用函数。 设置"全局变量"的组件实际上应该调用一个设置相关全局变量的函数。

然后，应用程序的其他部分可以使用 dojo.connect（） 连接到函数，因此无论何时调用它，dojo 都会调用连接到函数的任何处理程序。 例如：

global.setVar = function(value) {
  global.var = value;
}
...
dojo.connect(global, 'setVar', null, function() {
  alert("Global variable has been set to: "+global.var);
});
您可以使用 Dojo

的订阅/发布工具来获得类似的功能，甚至可能是您自己的 Dojo。延迟实例。 采用哪种方法来同步通信取决于应用程序的设计方式以及特定需求。

相关文章：