DOJO似乎有些怪癖.我特别需要在页面加载时隐藏TabContainer,但在用户单击按钮后变为可见.我尝试的第一件事是设置style.display ="none"来启动,然后在click事件上设置style.display ="block".不幸的是,这只是部分工作 - 页面将在正确的位置/维度中呈现不可见的框,但不呈现实际内容.该框的内容仅在被其他内容触发时才会呈现(例如,转到另一个FF选项卡或暂停/恢复firebug将使框渲染).
如果将style.display属性设置为在页面加载时可见,则一切正常.您可以切换显示属性,它可以正确显示或隐藏tabcontainer.但如果它在页面加载时设置为"无",则会搞砸.
我尝试了一种解决方法,在HTML中将style.display属性设置为"",然后在Javascript中立即将其设置为"none",但它仍然失败 - 更改发生得太快而且需要在tabcontainer呈现之后发生(这可能需要一两秒钟).
一些剥离的示例代码:
HTML:
<div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:500px;
height:100px;display:none;">
</div>
然后使用Javascript显示用户点击的标签:
function initTabs()
{
var tabContainer = dojo.byId('tabContainer');
tabContainer.style.display = 'block';
}
如何在不显示TabContainer的情况下动态显示/隐藏TabContainer？