[qooxdoo-devel] V0.5.2 QxMenu and QxWindow/QxTree hangs at 'Preloading images...'

Tue, 16 May 2006 05:37:45 -0700 

Hello,
Eventually I would like to build a Multiple Document Interface (MDI) like GUI with qooxdoo but I am currently having some problems with simple capability tests. 

Environment:
qooxdoo V0.5.2

MS-Win-XP Home / MSIE V6.0.2900.2180.xpsp_sp2_gdr.050301-1519 (also Mozilla 
/ Firefox)



A simple test of QxMenu at the main window and QxTree within a QxWindow 
sub-window hangs the GUI at the 'Preloading images...' point and nothing is 
displayed.   (file contents included at end)


Debug Log:


000532: Initialization phase
000532: Version: 0.5.2
000532: Number of classes: 157
000532: Number of properties: 358
000532: Client: mshtml 6
000532: Executing application pre
000547: Number of instances: 59
000547: Done in: 15ms

000547: Main phase
000547: Executing application main
062594: Number of instances: 1263
070563: Done in: 70016ms

075594: Preload phase
075594: Preloading images...
====== hung here =====


When the QxTree code is eliminated from the two sub-window initialization 
functions,  the process finishes properly and creates and displays the 
menu/toolbar, and windows.


The successful debug log:

000532: Main phase
000547: Executing application main
035110: Number of instances: 1263
035110: Done in: 34578ms

035110: Preload phase
035110: Preloading images...
036672: Done in: 1562ms

036672: Widget phase
036672: Rendering widgets
036844: Done in: 172ms
036844: Post phase
036860: Number of instances: 1288
036860: Executing application post
036860: Done in: 16ms
040078: Postload phase
040078: Preloading images...
040360: Done in: 282ms

What is going wrong?

TNX for your help.

qooxdoog
[EMAIL PROTECTED]

==========================
HTML/CODE LISTING:

<?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>Showcase 1 @ qooxdoo :: demo</title>
 <link type="text/css" rel="stylesheet" href="../demolayout.css"/>

 <script type="text/javascript" 
src="../../script/qooxdoo.compressed.js"></script>

</head>
<body>
 <script type="text/javascript" src="../demolayout.js"></script>


 <script type="text/javascript">

 function init_menubar(d)
 {
        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;

     mb1.setTop(20);
     mb1.setRight(0);
     mb1.setLeft(0);

     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, 
"icons/16/file-new.png");

     var mbb2 = new QxToolBarMenuButton("Edit", m2, "icons/16/edit.png");

     var mbb3 = new QxToolBarMenuButton("View", m3, 
"icons/16/appearance.png");
     var mbb4 = new QxToolBarMenuButton("Options", m4, 
"icons/16/control-center.png");

     var mbb5 = new QxToolBarMenuButton("Help", m5, "icons/16/help.png");


     var tbb1 = new QxToolBarCheckBox("Checkbox", "icons/16/chart.png", 
true);


     mp1.add(mbb1, mbb2);
     mp2.add(mbb3, mbb4, tbb1);
     mp3.add(mbb5);

     d.add(mb1);

        return d;
 }

 function init_importview(d)
 {
   var w = new QxWindow("Left TreeView", "icons/16/network.png");

   w.setSpace(0, 200, 44, 640); //left,width,top,height
   w.setMaxWidth(1024);
   w.setMaxHeight(768);

// EARLY RETURN TO SKIP QXTREE
// REMOVE COMMENTS ON THE FOLLOWING
// TWO STATEMENTS TO SEE IT WORK WITHOUT QXTREE
//      d.add(w);
//      return w;

        ///// USING THE FOLLOWING QXTREE CODE CAUSES HANG ////

        var t = new QxTree("Left Tree");

        with(t)
        {
                setBackgroundColor(255);
                setBorder(QxBorderObject.presets.inset);
                setOverflow("scrollY");

                setHeight(null);
                setTop(0);
                setLeft(0);
                setWidth(200);
                setBottom(0);
        };

        // One icon for selected and one for unselected states

	var te1 = new QxTreeFolder("Desktop", "icons/16/desktop.png", 
"icons/16/dictionary.png");

        t.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);

        // One icon specified, and used for both selected unselected states
        var te1_2_1 = new QxTreeFile("Windows (C:)", "icons/16/harddrive.png");
        var te1_2_2 = new QxTreeFile("Documents (D:)", 
"icons/16/harddrive.png");

        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", "icons/16/trash.png");
        var te2_4 = new QxTreeFolder("Data");
        var te2_5 = new QxTreeFolder("Edit");

        editieren = te2_5;

        var te2_5_1 = new QxTreeFolder("Chat");
        var te2_5_2 = new QxTreeFolder("Pustefix");
        var te2_5_3 = new QxTreeFolder("TINC");

        var te2_5_3_1 = new QxTreeFolder("Announce");
        var te2_5_3_2 = new QxTreeFolder("Devel");

        te2_5_3.add(te2_5_3_1, te2_5_3_2);

        te2_5.add(te2_5_1, te2_5_2, te2_5_3);

        var te2_6 = new QxTreeFolder("Lists");

        var te2_6_1 = new QxTreeFolder("Relations");
        var te2_6_2 = new QxTreeFolder("Company");
        var te2_6_3 = new QxTreeFolder("Questions");
        var te2_6_4 = new QxTreeFolder("Internal");
        var te2_6_5 = new QxTreeFolder("Products");
        var te2_6_6 = new QxTreeFolder("Press");
        var te2_6_7 = new QxTreeFolder("Development");
        var te2_6_8 = new QxTreeFolder("Competition");


	te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, 
te2_6_8);


        var te2_7 = new QxTreeFolder("Personal");

        var te2_7_1 = new QxTreeFolder("Bugs");
        var te2_7_2 = new QxTreeFolder("Family");
        var te2_7_3 = new QxTreeFolder("Projects");
        var te2_7_4 = new QxTreeFolder("Holiday");

        te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);

        var te2_8 = new QxTreeFolder("Big");

        for (var i=0;i<50; i++)
        {
                te2_8.add(new QxTreeFolder("Item " + i));
        };

        var te2_9 = new QxTreeFolder("Spam");
        spam = te2_9;

        te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);

        t.add(te2);
        w.add(t);

        d.add(w);

   return w;
 }

 function init_pageview(d)
 {
   var w = new QxWindow("Page View", "icons/16/network.png");

   w.setSpace(200, 800, 44, 640);       //left,width,top,height
   w.setMaxWidth(1024);
   w.setMaxHeight(768);
        //----------
        // QxIframes
        //----------

        wif1 = new QxIframe();

        // elastic
        wif1.set( { left: 200, top: 0, right: 0, bottom: 200 } );
        wif1.setSource("http://www.google.com";);

        w.add(wif1);

        wif2 = new QxIframe();

        // elastic
        wif2.set( { left: 200, top: 416, right: 200, bottom: 0 } );
        //wif2.setSource("http://www.google.com";);

        w.add(wif2);

        wif3 = new QxIframe();

        // elastic
        wif3.set( { left: 500, top: 416, right: 0, bottom: 0 } );
        //wif3.setSource("http://www.google.com";);

        w.add(wif3);

// EARLY RETURN TO SKIP QXTREE
// REMOVE COMMENTS ON THE FOLLOWING
// TWO STATEMENTS TO SEE IT WORK WITHOUT QXTREE
//      d.add(w);
//      return w;

        ///// USING FOLLOWING QXTREE CODE CAUSES HANG ////

        var t = new QxTree("Pageview Tree");

        with(t)
        {
                setBackgroundColor(255);
                setBorder(QxBorderObject.presets.inset);
                setOverflow("scrollY");

                setHeight(null);
                setTop(0);
                setLeft(0);
                setWidth(200);
                setBottom(0);
        };

        w.add(t);

        // One icon for selected and one for unselected states

	var te1 = new QxTreeFolder("Desktop", "icons/16/desktop.png", 
"icons/16/dictionary.png");

        t.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);

        // One icon specified, and used for both selected unselected states
        var te1_2_1 = new QxTreeFile("Windows (C:)", "icons/16/harddrive.png");
        var te1_2_2 = new QxTreeFile("Documents (D:)", 
"icons/16/harddrive.png");

        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", "icons/16/trash.png");
        var te2_4 = new QxTreeFolder("Data");
        var te2_5 = new QxTreeFolder("Edit");

        editieren = te2_5;

        var te2_5_1 = new QxTreeFolder("Chat");
        var te2_5_2 = new QxTreeFolder("Pustefix");
        var te2_5_3 = new QxTreeFolder("TINC");

        var te2_5_3_1 = new QxTreeFolder("Announce");
        var te2_5_3_2 = new QxTreeFolder("Devel");

        te2_5_3.add(te2_5_3_1, te2_5_3_2);

        te2_5.add(te2_5_1, te2_5_2, te2_5_3);

        var te2_6 = new QxTreeFolder("Lists");

        var te2_6_1 = new QxTreeFolder("Relations");
        var te2_6_2 = new QxTreeFolder("Company");
        var te2_6_3 = new QxTreeFolder("Questions");
        var te2_6_4 = new QxTreeFolder("Internal");
        var te2_6_5 = new QxTreeFolder("Products");
        var te2_6_6 = new QxTreeFolder("Press");
        var te2_6_7 = new QxTreeFolder("Development");
        var te2_6_8 = new QxTreeFolder("Competition");


	te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, 
te2_6_8);


        var te2_7 = new QxTreeFolder("Personal");

        var te2_7_1 = new QxTreeFolder("Bugs");
        var te2_7_2 = new QxTreeFolder("Family");
        var te2_7_3 = new QxTreeFolder("Projects");
        var te2_7_4 = new QxTreeFolder("Holiday");

        te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);

        var te2_8 = new QxTreeFolder("Big");

        for (var i=0;i<50; i++)
        {
                te2_8.add(new QxTreeFolder("Item " + i));
        };

        var te2_9 = new QxTreeFolder("Spam");
        spam = te2_9;

        te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);

        t.add(te2);
        w.add(t);

        function changeURL(e)
        {
                this.setSource(e.getData());
        };

        // make QxIframe react to event "surfTo" via function changeURL()
        d.addEventListener("surfTo", changeURL, wif1);

        d.add(w);

   return w;
 }

 //
 // Init Desktop
 //
window.application.main = function()
{
        var d = this.getClientWindow().getClientDocument();
        var w_menubar = init_menubar(d);
        var w_importview = init_importview(d);
        w_importview.open();
        var w_pageview = init_pageview(d);
        w_pageview.open();

};

 </script>
</body>
</html>

_________________________________________________________________

Don’t just search. Find. Check out the new MSN Search! 
http://search.msn.click-url.com/go/onm00200636ave/direct/01/




-------------------------------------------------------
Using Tomcat but need to do more? Need to support web services, security?
Get stuff done quickly with pre-integrated technology to make your job easier
Download IBM WebSphere Application Server v.1.0.1 based on Apache Geronimo
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=120709&bid=263057&dat=121642
_______________________________________________
Qooxdoo-devel mailing list
Qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel






















					Reply via email to