dojo窗口小部件不會呈現，除非瀏覽器窗口被調整大小

窗口小部件不會在TabContainer中呈現，除非瀏覽器（我正在使用Chrome）窗口被調整大小或者開發人員工具被打開。我已經嘗試了早期線程提供的解決方案，例如設置BorderContainer，TabContainer和ContentPanes的高度和寬度，但沒有區別。以下是我的代碼片段。對於附加點「步驟」，我附加了某些數據。此選項卡「步驟」是問題。任何解決方案下面是我的代碼...dojo窗口小部件不會呈現，除非瀏覽器窗口被調整大小

<div> 
 
      <div data-dojo-type="dijit.layout.BorderContainer" 
 
          data-dojo-props="design:'headline'" 
 
          style="width: 100%;height:100%;border:0"> 
 
          <div class="shadow" data-dojo-type="dijit.layout.ContentPane" style="padding:0" 
 
              data-dojo-props="region:'top'"> 
 
              <div data-dojo-type="dijit.layout.ContentPane" style="padding:0"> 
 
                  <span style="float:left;font-size:Medium">${tName}</span> 
 
                  <div label="${saveLabel}" style="float:right" 
 
                      data-dojo-type="dijit.form.Button" 
 
                      data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconSave'" 
 
                      data-dojo-attach-point="save" 
 
                  ></div> 
 
     <div label="Export" style="float:right" 
 
                      data-dojo-attach-point="export" 
 
                  ></div> 
 
     <div label="Utilities" style="float:right" 
 
      data-dojo-type="dijit.form.ComboButton" 
 
      data-dojo-props="iconClass:'dijitIconFunction'" 
 
      data-dojo-attach-point="utilityWizard"> 
 
      <div dojoType="dijit.Menu"> 
 
      <div dojoType="dijit.MenuItem" label="Add Parameters for sub step data reference" 
 
       data-dojo-attach-point="paramWizard"> 
 
      </div> 
 
      </div> 
 
     </div> 
 
              </div> 
 
    </div> 
 
    <div data-dojo-type="dijit.layout.ContentPane" 
 
     data-dojo-props="region:'center'" style="height:100%;width:100%;padding:0"> 
 
     <div data-dojo-type="dijit.layout.TabContainer" 
 
     data-dojo-attach-point="actionContainer" style="height:100%;width:100%"> 
 

 
     <div data-dojo-type="dijit.layout.ContentPane" 
 
      data-dojo-attach-point="widgetCont" style="height:100%;width:100%" 
 
      title="Main" selected=true> 
 
      Action Attributes</div> 
 
     
 
     <div data-dojo-type="dijit.layout.ContentPane" 
 
      data-dojo-attach-point="steps" style="height:100%;width:100%;padding:0" 
 
      title="Steps"> 
 
      Action Substeps</div> 
 

 
     </div>  
 
    </div> 
 
    </div> 
 
</div>

Before window resize After window resize

來源

2014-12-19 Anil Bhatiya

我沒有看到你粘貼的代碼片段中的相同的事情，實際上我根本沒有看到一個tabcontainer。 – g00glen00b 2014-12-19 12:09:52

是的，你的代碼片段似乎是不完整的。 – 2014-12-19 19:33:05

我打電話使用BorderContainer大小調整方法，現在它的渲染！提供一個attachpoint名的使用BorderContainer（BC），以及從正在安裝的插件的相應的JS文件，使用調整大小方法啓動後：

resize: function() { 
     this.bc.resize(arguments); 
     this.inherited(arguments); 
    }

這爲我工作！ :)

來源

2015-01-22 10:08:56 Teejay

dojo窗口小部件不會呈現，除非瀏覽器窗口被調整大小

回答

相關問題