qooxdoo虚拟树作为菜单

我有一个函数，它使用小部件创建布局。问题是一个小部件是虚拟树（在布局的左侧），右侧的第二个小部件取决于左侧的点击行。虚拟树就像菜单一样工作，它应该将行名的值返回给正确的窗口部件，并在提供的数据的右侧重新创建它。但是目前它不是重新创建，而是为旧的添加一个新的小部件。如何在右侧重新创建小部件，而不是将其添加到现有小部件（界面类似于带有测试的qooxdoo demobrowser视图）？qooxdoo虚拟树作为菜单

_createLayout : function() 
    { 
     // Create main layout 
     var dockLayout = new qx.ui.layout.Dock(); 
     var dockLayoutComposite = new qx.ui.container.Composite(dockLayout); 
     this.getRoot().add(dockLayoutComposite, {edge:0}); 

     // Create header 
     this.__header = new bank.view.Header(); 
     dockLayoutComposite.add(this.__header, {edge: "north"}); 

     // Create toolbar 
     this.__toolBarView = new bank.view.ToolBar(this); 
     dockLayoutComposite.add(this.__toolBarView, {edge: "north"}); 

     // Create the tree view, which should create dockLayout below, when user clicks with Row value 
     dockLayoutComposite.add(this.getTreeView(), {edge: "west"}); 
     // This layout should be created and recreated with clicked row value 
    dockLayoutComposite.add(bank.InvoiceListBuilder.createList("Tree_returned_value"), {edge: "center"}); 
    }, 

getTreeView : function() 
    { 
     var hBox = new qx.ui.container.Composite(new qx.ui.layout.HBox(20)); 
     var tree = new qx.ui.treevirtual.TreeVirtual("Tree"); 
     tree.setColumnWidth(0, 170); 
     tree.setAlwaysShowOpenCloseSymbol(true); 
     var dataModel = tree.getDataModel(); 
     var te2 = dataModel.addBranch(null, "Folders", true); 
     dataModel.addBranch(te2, "Incoming", false); 
     dataModel.addBranch(te2, "Outgoing", false); 
     dataModel.addBranch(te2, "Drafts", false); 
     dataModel.setData(); 
     hBox.add(tree); 
     var foldercontent = bank.InvoiceListBuilder.createList("incoming"); 
     tree.addListener("changeSelection", 
      function(e) 
      { 
      // this function should return row value to function: bank.InvoiceListBuilder.createList("Tree_returned_value") and create/recreate dockLayout with newly created widget from bank.InvoiceListBuilder.createList function 
      }); 
     return hBox; 
    },

来源

2012-02-13 liberatio

您使用的是旧的虚拟树的实现（qx.ui.treevirtual.TreeVirtual）

，我会建议使用qx.ui.tree.VirtualTree实现。

下一步是为您的视图使用类似控制器的东西，它可以监听选择并在选择发生变化时创建小部件。控制器应该知道用于添加小部件的容器。

当你的左侧只是一个列表。您也可以使用虚拟列表（qx.ui.list.List）并使用一组树模型。

干杯， Chris

来源

2012-02-14 14:45:21

qooxdoo虚拟树作为菜单

回答

相关问题