dojo – 自定义小部件内的Dijit Tabcontainer-Tablist宽度运行时间过长

<div dojoAttachPoint="containerNode">
    <div dojoType="dijit.layout.TabContainer" tabPosition="top" style="width:100%;height:100%" >
    <div dojoType="dijit.layout.ContentPane" title="tab" SELEcted="true">
    Hello
    </div>
</div>
</div>

为了防止有人在寻找解决方案,我遇到了同样的问题,并提出了这个问题.虽然我查看了错误报告,但它并不适用于我的情况,我没有在表格中嵌入tabcontainer或将doLayout设置为false.我尝试设置tabcontroller,但这也不起作用.最后在debuggin之后,你必须在你的小部件中提供’resize’方法,并以下面的方式调整其中的tabcontainer

widgetTemplate =  '... ' + //Our tabcontainer declaration
'<div dojoAttachPoint="containerNode">' +
'<div dojoAttachPoint="widgetTab" dojoType="dijit.layout.TabContainer"' + 'style="width:100%;height:100%" >' +
'<div dojoType="dijit.layout.ContentPane" title="tab" SELEcted="true">Hello</div></div></div>' + 
'...' //Rest Of template declaration

//Since we are embedding widget inside template we need _WidgetsInTemplatemixin
dojo.declare("MyWidget",[dijit._Widget,dijit._Templatedmixin,dijit._WidgetsInTemplatemixin],{
templateString: widgetTemplate,.... //Rest of functions
resize: function(){
this.containerNode.widgetTab.resize() //Resize tabcontainer 
}

});

希望这可以帮助