Why qooxdoo falls short on its goal of simplification

Thanks, this was a good, brief overview of the framework.

» Report offensive content

I am not a stranger to UNIX or Linux (though no wiz either) so I don't mind Cygwin. I spent all day today attempting to install the qooxdoo SDK. I failed and I think its partially because the makefile stuff points to python2.5 in /usr/lib and the Cygwin I installed today had python2.5 in a different directory. (I was following the instructions on the qooxdoo website "how to" document verbatum to make sure I had the correct "optional cygwin" software) The qooxdoo makefile had python referenced as in /usr/lib ... So I tried to copy python2.5 to that directory so make would find it... no dice.

I don't know "make" well enough to get much from the error messages - (just enough to locate the wrong path :) )

I finally went back to tinker with the "Build" zip file thats available for download. (BTW 0.7.3 I think is the version I have) I was able to paste some code from the demo to a copy of the quickstart project they give ya and I was happy it ran!

I got this annoying (helpful I'm sure but) debug window popup thing. I'm posting the code (just a demo "virtual tree 1" from the "demobrowser" application, that ships with qooxdoo, worked into my quickstart "template" sample they give ya.

NOTE I also copied the media in the "resource" folder from the demo to the same relavetive location in my quickstart directory (to get the graphics and whatever things the qx classes (or I) might want.)

So - I'm still not using the SDK - but - for now - I'm going to give this qooxdoo thing a fair shake - it looks very pretty when its running!

(P.S. Look at the end of the posted source code. There are two lines:

qx.log.Logger.ROOT_LOGGER.removeAllAppenders();
qx.log.Logger.ROOT_LOGGER.setMinLevel(qx.log.Logger.LEVEL_ERROR);

They remove the debug window popup. The gentleman who posted that on the mailing list said - the second of these two lines might not be necessary but he uses it on his released stuff. So - comment out - have debug window - uncomment - Woo Hoo! No Popup!)


--Jason

/* ************************************************************************



   Copyright:



   License:



   Authors:



************************************************************************ */



/**

 * Your application

 */

qx.Class.define("Application",

{

    extend : qx.application.Gui,

  

    members :

    {

      main : function()

      {

        this.base(arguments);



        var t = new qx.ui.tree.Tree("Root");

  

        with(t)

        {

          setBackgroundColor("white");

          setBorder("inset");

          setOverflow("scrollY");

  

          setHeight(null);

          setTop(48);

          setLeft(20);

          setWidth(200);

          setBottom(48);

        };

  

        qx.ui.core.ClientDocument.getInstance().add(t);

        // One icon for selected and one for unselected states

        var te1 = new qx.ui.tree.TreeFolder("Desktop", "icon/16/places/user-desktop.png", "icon/16/apps/accessories-dictionary.png");

        t.add(te1);

  

        var te1_1 = new qx.ui.tree.TreeFolder("Files");

        var te1_2 = new qx.ui.tree.TreeFolder("Workspace");

        var te1_3 = new qx.ui.tree.TreeFolder("Network");

        var te1_4 = new qx.ui.tree.TreeFolder("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 qx.ui.tree.TreeFile("Windows (C:)", "icon/16/devices/drive-harddisk.png");

        var te1_2_2 = new qx.ui.tree.TreeFile("Documents (D:)", "icon/16/devices/drive-harddisk.png");

  

        te1_2.add(te1_2_1, te1_2_2);

  

  

        var te2 = new qx.ui.tree.TreeFolder("Inbox");

  

        var te2_1 = new qx.ui.tree.TreeFolder("Presets");

        var te2_2 = new qx.ui.tree.TreeFolder("Sent");

        var te2_3 = new qx.ui.tree.TreeFolder("Trash", "icon/16/places/user-trash.png");

        var te2_4 = new qx.ui.tree.TreeFolder("Data");

        var te2_5 = new qx.ui.tree.TreeFolder("Edit");

  

        var te2_5_1 = new qx.ui.tree.TreeFolder("Chat");

        var te2_5_2 = new qx.ui.tree.TreeFolder("Pustefix");

        var te2_5_3 = new qx.ui.tree.TreeFolder("TINC");

  

        var te2_5_3_1 = new qx.ui.tree.TreeFolder("Announce");

        var te2_5_3_2 = new qx.ui.tree.TreeFolder("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 qx.ui.tree.TreeFolder("Lists");

  

        var te2_6_1 = new qx.ui.tree.TreeFolder("Relations");

        var te2_6_2 = new qx.ui.tree.TreeFolder("Company");

        var te2_6_3 = new qx.ui.tree.TreeFolder("Questions");

        var te2_6_4 = new qx.ui.tree.TreeFolder("Internal");

        var te2_6_5 = new qx.ui.tree.TreeFolder("Products");

        var te2_6_6 = new qx.ui.tree.TreeFolder("Press");

        var te2_6_7 = new qx.ui.tree.TreeFolder("Development");

        var te2_6_8 = new qx.ui.tree.TreeFolder("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 qx.ui.tree.TreeFolder("Personal");

  

        var te2_7_1 = new qx.ui.tree.TreeFolder("Bugs");

        var te2_7_2 = new qx.ui.tree.TreeFolder("Family");

        var te2_7_3 = new qx.ui.tree.TreeFolder("Projects");

        var te2_7_4 = new qx.ui.tree.TreeFolder("Holiday");

  

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

  

        var te2_8 = new qx.ui.tree.TreeFolder("Big");

  

        for (var i=0;i<50; i++) {

          te2_8.add(new qx.ui.tree.TreeFolder("Item " + i));

        };

  

        var te2_9 = new qx.ui.tree.TreeFolder("Spam");

  

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

  

        t.add(te2);

        qx.ui.core.ClientDocument.getInstance().add(t);

  

  

  

  

  

  

        var commandFrame = new qx.ui.groupbox.GroupBox("Control");

  

        with(commandFrame)

        {

          setTop(48);

          setLeft(250);

  

          setWidth("auto");

          setHeight("auto");

        };

  

        qx.ui.core.ClientDocument.getInstance().add(commandFrame);

  

  

  

  

        var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");

  

        with(tCurrentLabel)

        {

          setLeft(0);

          setTop(0);

        };

  

        commandFrame.add(tCurrentLabel);

  

  

  

        var tCurrentInput = new qx.ui.form.TextField;

  

        with(tCurrentInput)

        {

          setLeft(0);

          setRight(0);

          setTop(20);

  

          setReadOnly(true);

        };

  

        commandFrame.add(tCurrentInput);

  

        t.getManager().addEventListener("changeSelection", function(e) {

  				if (e.getData().length > 0) {

            tCurrentInput.setValue(e.getData()[0].getLabelObject().getText());

          }

        });

  

  

  

        var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");

  

        with(tDoubleClick) {

          setTop(60);

          setLeft(0);

        };

  

        commandFrame.add(tDoubleClick);

  

        tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });

  

  

  

        var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");

  

        with(tTreeLines) {

          setTop(80);

          setLeft(0);

          setChecked(true);

        };

  

        commandFrame.add(tTreeLines);

  

        tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });

  

  

  

        var testButton = new qx.ui.form.Button( "Dispose selected node" );

        testButton.setTop(100);

        testButton.addEventListener( "execute", function( e ) {

  				var currentItem = t.getManager().getSelectedItem();

          if (currentItem != null) {

              currentItem.destroy();

              currentItem = null;

          }

        } );

  

        commandFrame.add( testButton );

      }

    }

  });

  

  qx.core.Init.getInstance().setApplication(new Application);

  qx.log.Logger.ROOT_LOGGER.removeAllAppenders();

  qx.log.Logger.ROOT_LOGGER.setMinLevel(qx.log.Logger.LEVEL_ERROR);

» Report offensive content