在没有HTML的情况下以编程方式创建dojox/app视图

我正在考虑制作一个web应用程序,并考虑使用dojox/app来实现。

我更倾向于使用更具编程性的dojo方法,但dojox/app似乎主要是声明性的。

经过一番搜索,我发现了一个档案,基本上问了我同样的问题 http://dojo-toolkit.33424.n3.nabble.com/Questions-about-dojox-app-design-td3988709.html

伙计们, 我一直在看dojox的livedocs。虽然它看起来很酷,但我>不得不说有些事情我不清楚。

具体来说,是视图的“模板”属性-指定html文件-a>必须还是可选?

这是在2012年。

从那时起,我在文档中的示例中发现了customeApp测试,它似乎显示了dojox/app中的基本编程视图,但我在理解它时遇到了一些困难。

我希望像这样创建我的应用程序的不同视图

require([
  "dojo/dom",
  "dojo/ready",
  "dojox/mobile/Heading",
  "dojox/mobile/ToolBarButton"
], function(dom, ready, Heading, ToolBarButton){
  ready(function(){
    var heading = new Heading({
      id: "viewHeading",
      label: "World Clock"
    });
    heading.addChild(new ToolBarButton({label:"Edit"}));
    var tb = new ToolBarButton({
      icon:"mblDomButtonWhitePlus",
      style:"float:right;"
    });
    tb.on("click", function(){ console.log('+ was clicked'); });
    heading.addChild(tb);
    heading.placeAt(document.body);
    heading.startup();
  });
});

但我只能找到这样的例子

<div data-dojo-type="dojox/mobile/Heading" data-dojo-props='label:"World Clock"'>
  <span data-dojo-type="dojox/mobile/ToolBarButton">Edit</span>
  <span data-dojo-type="dojox/mobile/ToolBarButton"
        data-dojo-props='icon:"mblDomButtonWhitePlus"'
        style="float:right;" onclick="console.log('+ was clicked')"></span>
</div>

有没有一种方法可以通过编程的方式来解决这个问题,或者我可以找到一些关于这里发生的事情的澄清 https://github.com/dmachi/dojox_application/tree/master/tests/customApp