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

I am puzzled by the Unix comments. I am on Windows and there was no install issue, I just downloaded, went thru the hello world example, then started building my site (porting it from the Dojo version which followed the jquery version with YUI being s wrong turn in there somewhere).

qooxdoo is its own framework, but so are the others. what qooxdoo does that the others do not is let me forget html/css exists.

meanwhile, in many small ways I am finding hints of excellence. yes the doc like all doc is sometimes hard to follow, but it is generally good and there are tons of examples. and the mailing list is responsive.

qooxdoo also looks to be faster than the others I tried.

» Report offensive content

It took me a week to code an extensive RIA application that will soon go live and have a commercial life. I see myself as a Java developer and eclipse is still my IDE of choice when coding Qooxdoo code (with JS plugin of course). I'm used to using Cygwin and although i had to spent almost a day upgrading the Python bits i can say that it was a breeze.

I have tried GWT only in terms of other frameworks that try to do what Qooxdoo does, but at this rate I dont see myself changing anytime soon.

» Report offensive content