Dojo - 将dijit添加到已关闭的TitlePane

Question

当TitlePane的open属性设置为false时，我无法动态地将小部件添加到内容。

例如，下面的代码不起作用。

var tp = new dijit.TitlePane({ 
    title: "Title Pane" 
    , content: "" 
    , open: false 
}) 

var tabs = new dijit.layout.TabContainer({ 
    region:"center" 
    , content:"Service Details" 
    , tabStrip: true 
}).placeAt(tp.containerNode); 

但是，当open属性设置为true时，将出现选项卡容器。

var tp = new dijit.TitlePane({ 
    title: "Title Pane" 
    , content: "" 
    , open: true 
}) 

var tabs = new dijit.layout.TabContainer({ 
    region:"center" 
    , content:"Service Details" 
    , tabStrip: true 
}).placeAt(tp.containerNode); 

当open属性设置为false时，如何将小部件添加到TitlePane？

Answer 1

您确定您在编程式创建的小部件上正确地呼叫startup？对我来说，以下的作品open是true或false：

dojo.require('dijit.TitlePane'); 
dojo.require('dijit.layout.TabContainer'); 
dojo.require('dijit.layout.ContentPane'); 
dojo.ready(function() { 
    var tp = new dijit.TitlePane({ 
     title: "Title Pane", 
     content: "", 
     open: false 
    }).placeAt(dojo.body()); 


    var tabs = new dijit.layout.TabContainer({ 
     region: "center", 
     content: "Service Details", 
     tabStrip: true 
    }).placeAt(tp.containerNode); 
    tabs.startup(); 
    tabs.addChild(new dijit.layout.ContentPane({ 
     title: 'foo', content: 'bar' 
    })); 

    //putting this after adding the tabcontainer 
    //avoids problems when open is initially true 
    tp.startup(); 
}); 

为了澄清关于调用startup：

一般来说，你编程创建窗口小部件的任何时候，你需要手动调用它startup。然而...

的一般例外是与容器或布局小部件的孩子打交道时（在这种情况下dijit.TitlePane延伸dijit.layout.ContentPane，这就像一个布局控件） - 这些看起来给孩子打电话startup时，他们自己启动（或者在ContentPane的情况下，当新内容被设置/加载时）。

容器构件（未ContentPane，但如BorderContainer，StackContainer和它的子类，如AccordionContainer和TabContainer）也呼吁后的容器已经开始添加儿童startup。