Hi!
Is your problem already resolved?
If not, could you please attach a simple(!) demo file which shows your
problem?
Sebastian
vetMan schrieb:
> I am including an image. hoping that you can see it..
>
>
> Thanks for all the help on this project.. Right now I have the tree control
> bound to the left hand pane, and the menu bound to the top pane. I have to
> figure out how to automatically expand the left pane as the tree control
> opens up..
>
> In DockLayout_6 test we can see this behavior. But I don’t see how to make
> this happen.. There is an event listener
>
> t2.addEventListener("click",
> function(e) {
> this.setHtml(this.getHtml() ==
> "Hello World" ? "Real long text, especially to test this cool behaviour" :
> "Hello World");
> });
>
> which changes the text and causes somehow the left pane to resize. I don’t
> see how to do this with a tree control.
>
> Any ideas?
>
> I was thinking of using the canvas layout but there are no examples of it..
>
> As always and as requested I am including my code, and thanks, in this
> message..
>
>
> Ray
>
> //-------------------- code
> <?xml version="1.0" encoding="iso-8859-1"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="de">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
> <title>ToolBar 4 @ qooxdoo :: demo</title>
> <link type="text/css" rel="stylesheet" href="../demolayout.css"/>
> <script type="text/javascript" src="../../script/qooxdoo.js"></script>
> </head>
> <body>
> <script type="text/javascript" src="../demolayout.js"></script>
>
> <div id="demoDescription">
> <p>Again a nice example which shows how to use QxToolBar as a menubar
> system.</p>
> <p>Added some parts and a new flex zone which aligns the help button to the
> right edge</p>
> </div>
>
> <script type="text/javascript">
> window.application.main = function() {
> var d = this.getClientWindow().getClientDocument();
>
> var dockLayout = new QxDockLayout;
>
> dockLayout.setTop(48);
> dockLayout.setLeft(20);
> dockLayout.setRight(335);
> dockLayout.setBottom(30);
> dockLayout.setBorder(2, "outset");
> dockLayout.setBackgroundColor("white");
> //dockLayout.setWidth("auto");
> //dockLayout.setHeight("auto");
>
> d.add(dockLayout);
>
>
> var t1 = new QxTerminator;
> t1.setHeight(25);
> t1.setBackgroundColor("white");
> t1.setBorder(QxBorderObject.presets.inset);
> dockLayout.addTop(t1);
>
>
> var tree = new QxTree("Root");
> with(tree) {
> setBackgroundColor(255);
> setBorder(QxBorderObject.presets.inset);
> setOverflow("scrollY");
> setWidth(100);
> };
>
> dockLayout.addLeft(tree);
>
> var te1 = new QxTreeFolder("Desktop");
> tree.add(te1);
>
> desktop = te1;
>
> var te1_1 = new QxTreeFolder("Files");
> var te1_2 = new QxTreeFolder("Workspace");
> var te1_3 = new QxTreeFolder("Network");
> var te1_4 = new QxTreeFolder("Trash");
>
> te1.add(te1_1, te1_2, te1_3, te1_4);
>
> var te1_2_1 = new QxTreeFile("Windows (C:)");
> var te1_2_2 = new QxTreeFile("Documents (D:)");
>
> te1_2.add(te1_2_1, te1_2_2);
>
> arbeitsplatz = te1_2;
>
> var te2 = new QxTreeFolder("Inbox");
> posteingang = te2;
>
> var te2_1 = new QxTreeFolder("Presets");
> var te2_2 = new QxTreeFolder("Sent");
> var te2_3 = new QxTreeFolder("Trash");
> var te2_4 = new QxTreeFolder("Data");
> var te2_5 = new QxTreeFolder("Edit");
>
> tree.add(te2);
>
>
> // -------------------- TOOLBAR
>
> var c1 = new QxCommand();
> c1.addEventListener("execute", function(e) {
> this.debug("Execute: " + e.getData().getLabel());
> });
>
>
> var m1 = new QxMenu;
>
> var mb1_01 = new QxMenuButton("New", null, c1);
> var mb1_02 = new QxMenuButton("Open", null, c1);
> var mb1_03 = new QxMenuButton("Save", null, c1);
> var mb1_04 = new QxMenuButton("Save as", null, c1);
> var mb1_05 = new QxMenuButton("Close", null, c1);
> var mb1_06 = new QxMenuButton("Restore last saved", null, c1);
>
> m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
>
> var m2 = new QxMenu;
>
> var mb2_01 = new QxMenuButton("Undo", null, c1);
> var mb2_02 = new QxMenuButton("Redo", null, c1);
> var mb2_b1 = new QxMenuSeparator();
> var mb2_03 = new QxMenuButton("Cut", "icons/16/edit-cut.png", c1);
> var mb2_04 = new QxMenuButton("Copy", "icons/16/edit-copy.png", c1);
> var mb2_05 = new QxMenuButton("Paste", "icons/16/edit-paste.png", c1);
> var mb2_06 = new QxMenuButton("Delete", "icons/16/edit-delete.png",
> c1);
> var mb2_b2 = new QxMenuSeparator();
> var mb2_07 = new QxMenuButton("Select All", null, c1);
> var mb2_08 = new QxMenuButton("Find", null, c1);
> var mb2_09 = new QxMenuButton("Find Again", null, c1);
>
> mb2_05.setEnabled(false);
> mb2_06.setEnabled(false);
> mb2_09.setEnabled(false);
>
> m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2,
> mb2_07, mb2_08, mb2_09);
>
> var m3 = new QxMenu;
> var m3_suba = new QxMenu;
> var m3_subb = new QxMenu;
> var m3_subc = new QxMenu;
> var m3_subd = new QxMenu;
>
> var mb3_01 = new QxMenuCheckBox("File List", c1, false);
> var mb3_02 = new QxMenuCheckBox("Syntax Highlighting", c1, true);
> var mb3_03 = new QxMenuCheckBox("Statusbar", c1, true);
> var mb3_b1 = new QxMenuSeparator();
> var mb3_04 = new QxMenuButton("Printer Font", null, null, m3_suba);
> var mb3_05 = new QxMenuButton("Editor Font", null, null, m3_subb);
> var mb3_06 = new QxMenuButton("Export Font", null, null, m3_subc);
> var mb3_b2 = new QxMenuSeparator();
> var mb3_07 = new QxMenuButton("Advanced", null, null, m3_subd);
>
> m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2,
> mb3_07);
>
> var mb3_suba_01 = new QxMenuButton("Tahoma, 11pt", null, c1);
> var mb3_suba_02 = new QxMenuButton("Tahoma, 12pt", null, c1);
> var mb3_suba_03 = new QxMenuButton("Tahoma, 13pt", null, c1);
> var mb3_suba_04 = new QxMenuButton("Tahoma, 14pt", null, c1);
> var mb3_suba_05 = new QxMenuButton("Tahoma, 15pt", null, c1);
>
> m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04,
> mb3_suba_05);
>
> var mb3_subb_01 = new QxMenuButton("Verdana, 11pt", null, c1);
> var mb3_subb_02 = new QxMenuButton("Verdana, 12pt", null, c1);
> var mb3_subb_03 = new QxMenuButton("Verdana, 13pt", null, c1);
> var mb3_subb_04 = new QxMenuButton("Verdana, 14pt", null, c1);
> var mb3_subb_05 = new QxMenuButton("Verdana, 15pt", null, c1);
>
> m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04,
> mb3_subb_05);
>
> var mb3_subc_01 = new QxMenuButton("Courier, 11pt", null, c1);
> var mb3_subc_02 = new QxMenuButton("Courier, 12pt", null, c1);
> var mb3_subc_03 = new QxMenuButton("Courier, 13pt", null, c1);
> var mb3_subc_04 = new QxMenuButton("Courier, 14pt", null, c1);
> var mb3_subc_05 = new QxMenuButton("Courier, 15pt", null, c1);
>
> m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04,
> mb3_subc_05);
>
> var mb3_subd_02_suba = new QxMenu();
>
> var mb3_subd_02_suba_01 = new QxMenuButton("First", null, c1);
> var mb3_subd_02_suba_02 = new QxMenuButton("Second", null, c1);
> var mb3_subd_02_suba_03 = new QxMenuButton("Third", null, c1);
>
> mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02,
> mb3_subd_02_suba_03);
>
> var mb3_subd_01 = new QxMenuButton("First", null, c1);
> var mb3_subd_02 = new QxMenuButton("Second", null, c1,
> mb3_subd_02_suba);
> var mb3_subd_03 = new QxMenuButton("Third", null, c1);
>
> m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
>
> var m4 = new QxMenu;
>
> var m4_suba = new QxMenu;
>
> var mb4_01 = new QxMenuButton("View", null, c1, m4_suba);
> var mb4_b1 = new QxMenuSeparator();
> var mb4_02 = new QxMenuButton("Editor Preferences...", null, c1);
> var mb4_03 = new QxMenuButton("Editor Extensions", null, c1);
> var mb4_04 = new QxMenuButton("Framework Preferences", null, c1);
>
> m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
>
> var mb4_suba_01 = new QxMenuButton("New Window", null, c1);
> var mb4_suba_b1 = new QxMenuSeparator();
> var mb4_suba_02 = new QxMenuRadioButton("Overlapping", c1, true);
> var mb4_suba_03 = new QxMenuRadioButton("Split Horizontally", c1);
> var mb4_suba_04 = new QxMenuRadioButton("Split Vertically", c1);
> var mb4_suba_b2 = new QxMenuSeparator();
> var mb4_suba_05 = new QxMenuButton("Next Window", null, c1);
> var mb4_suba_06 = new QxMenuButton("Previous Window", null, c1);
>
> m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03,
> mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
>
> var mb4_manager = new QxRadioManager("windowMode", [ mb4_suba_02,
> mb4_suba_03, mb4_suba_04 ]);
>
>
> var m5 = new QxMenu;
>
> var mb5_01 = new QxMenuButton("Help", null, c1);
> var mb5_02 = new QxMenuButton("About", null, c1);
>
> m5.add(mb5_01, mb5_02);
>
> d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd,
> mb3_subd_02_suba, m4, m4_suba, m5);
>
>
> var mb1 = new QxToolBar;
> var mp1 = new QxToolBarPart;
> var mp2 = new QxToolBarPart;
> var mp3 = new QxToolBarPart;
>
> mb1.add(mp1, mp2, new QxHorizontalSpacer, mp3);
>
> var mbb1 = new QxToolBarMenuButton("File", m1);
> var mbb2 = new QxToolBarMenuButton("Edit", m2);
> var mbb3 = new QxToolBarMenuButton("View", m3);
> var mbb4 = new QxToolBarMenuButton("Options", m4);
> var mbb5 = new QxToolBarMenuButton("Help", m5);
>
> mp1.add(mbb1, mbb2);
> mp2.add(mbb3, mbb4);
> mp3.add(mbb5);
> dockLayout.addTop(mb1);
> };
> </script>
> </body>
> </html>
>
>
>
>
>
>
>
>
> --
> View this message in context:
> http://www.nabble.com/tree+in+dock+layout+does+not+expand-t1712848.html#a4650973
> Sent from the qooxdoo-devel forum at Nabble.com.
>
>
>
> -------------------------------------------------------
> All the advantages of Linux Managed Hosting--Without the Cost and Risk!
> Fully trained technicians. The highest number of Red Hat certifications in
> the hosting industry. Fanatical Support. Click to learn more
> http://sel.as-us.falkag.net/sel?cmd=k&kid7521&bid$8729&dat1642
> _______________________________________________
> Qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
_______________________________________________
Qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
