程序性Dijit/树未出现在声明性Dijit/ContentPane中

Question

有人能帮我弄清楚为什么这在Dojo1.8中有效，而在1.9中无效吗？

在1.8中，树被放置在"pilotTreeContainer"内容窗格中。在1.9中，如果你在Firebug中查看，树就在那里，但从视觉上看，它只是显示了一个加载图形。pilotTreeContainer是在包含此代码的小部件的模板文件中声明的。所有这些代码都在postCreate方法中。

var treeStore = lang.clone( store );
var treeModel = new ObjectStoreModel(
{
    store: treeStore,
    query: { id: 'all' },
    mayHaveChildren: function ( item ) // only ships have the unique attribute
    {
        return item.unique === undefined;
    }
} );
var pilotTree = new Tree(
{
    model: treeModel, // do we need to clone?
    autoExpand: true,
    showRoot: false,
    title: 'Click to add',
    openOnClick: true,
    getDomNodeById: function ( id ) // new function to find DOM node
    {
        if ( this._itemNodesMap !== undefined && this._itemNodesMap[ id ] !== undefined && this._itemNodesMap[ id ][0] !== undefined ) {
            return this._itemNodesMap[ id ][0].domNode;
        }
        else {
            return null;
        }
    }
} );

this.pilotTree = pilotTree;
this.pilotTreeContainer.set( 'content', pilotTree );

我已经尝试在树和内容窗格上调用启动。

调试dijit/Tree代码时，似乎存在一个永远无法解决的延迟。当从_load函数调用时（当尝试扩展根节点this._expandNode(rn).then时），它从_expandNode函数返回。

dijit/Tree中失败的部分是：

// Load top level children, and if persist==true, all nodes that were previously opened
this._expandNode(rn).then(lang.hitch(this, function(){
    // Then, select the nodes specified by params.paths[].
    this.rootLoadingIndicator.style.display = "none";
    this.expandChildrenDeferred.resolve(true);
}));

为什么这棵树没有出现？出了什么问题？

Answer 1

回到这里（希望它能在Dojo1.10中得到解决），我找到了一个修复程序。

我将树抽象到它自己的模块中，并使用placeAt()将其添加到容器中，而不是使用this.pilotTreeContainer.set( 'content', pilotTree );:

// dijit/Tree implementation for pilots
pilotTree = new PilotTree( 
{
    model: treeModel 
} );

// add to container
pilotTree.placeAt( this.pilotTreeContainer.containerNode ); 
pilotTree.startup();

然后强迫它在树的startup()方法中显示其内容：

startup: function()
{
    this.inherited( arguments );
    // force show!
    this.rootLoadingIndicator.style.display = "none";
    this.rootNode.containerNode.style.display = "block";
},