Maybe a data structure (like json) would be easier to use? Then you just need some loops.
Sebastian David Perez schrieb: > Hi, > > If you look at the sample code, it is very hard to figure out the > hierarchical relationship, between items. As a example of this, we have > http://old.qooxdoo.org/public/demo/example/Tree_1.html. > > Simply, I wanted to share the code style I'm trying to use to emphasize > the parent-child relationship, because I use very nested structures, > that are otherwise hard to understand at a glance. > > Sebastian Werner schrieb: >> David Perez schrieb: >> >>> Hi, >>> >>> I'm new to the exciting Qooxdoo world. >>> >>> I find a little confusing the layout code in Javascript, I cannot see >>> easily the parent/children relationship. >>> >> I don't really understand your problem. But instead of this >> >> parent.add(children) >> >> you could also do >> >> children.setParent(parent); >> >> Maybe this help. >> >> Sebastian >> >> >>> So I have tried successfully this style as a 1st approach: >>> >>> window.application.main = function() { >>> function pon(e, func) { >>> e.add(func()); >>> } >>> pon(this, function() { >>> var e = new QxBoxLayout; >>> with (e) { >>> setWidth('100%'); >>> setLeft(5); >>> setRight(5); >>> setTop(70); >>> setBottom(20); >>> setSpacing(5); >>> } >>> pon(e, function() { >>> var e = new QxVerticalBoxLayout; >>> with (e) { >>> setWidth('50%'); >>> setSpacing(5); >>> } >>> pon(e, function() { >>> var e = new QxBoxLayout; >>> with (e) { >>> setHeight('auto'); >>> } >>> pon(e, function() { >>> var e = new QxButton('Editar'); >>> with (e) { >>> addEventListener("execute", function() >>> {alert(this.getLabel())}); >>> } >>> return e; >>> }); >>> return e; >>> }); >>> pon(e, function() { >>> var e = new QxTree('Libros'); >>> iniArbol(e); >>> with (e) { >>> setHeight('5*'); >>> getManager().addEventListener("changeSelection", >>> function(v) { >>> >>> alert(v.getData().getFirst()._labelObject.getHtml()); >>> }); >>> } >>> cargaLibros(e); >>> return e; >>> }); >>> return e; >>> }); >>> pon(e, function() { >>> var e = new QxVerticalBoxLayout; >>> with (e) { >>> setWidth('50%'); >>> } >>> pon(e, function() { >>> var e = new QxAtom('Fascículos del libro seleccionado'); >>> with (e) { >>> } >>> return e; >>> }); >>> pon(e, function() { >>> var e = new QxTree('Fascículos'); >>> iniArbol(e); >>> with (e) { >>> setHeight('5*'); >>> } >>> return e; >>> }); >>> return e; >>> }); >>> }); >>> }; >>> >>> I have created an auxiliary function called 'pon', that adds a child to >>> the current parent. I name all the elements as 'e' for simplicity. >>> As it can be seen at a glance, I create a QBoxLayout that has 2 >>> QVerticalLayout children. >>> The 1st QVerticalLayout has inside a QBoxLayout with buttons and a tree. >>> The 2nd QVerticalLayout has inside a QBoxLayout with text and another tree. >>> >>> Has anyone found a better style? >>> Any ideas will be very welcome. >>> > > > > ______________________________________________ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.com > > > ------------------------------------------------------------------------- > Take Surveys. Earn Cash. Influence the Future of IT > Join SourceForge.net's Techsay panel and you'll get the chance to share your > opinions on IT & business topics through brief surveys -- and earn cash > http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV > _______________________________________________ > qooxdoo-devel mailing list > [email protected] > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel ------------------------------------------------------------------------- Take Surveys. Earn Cash. Influence the Future of IT Join SourceForge.net's Techsay panel and you'll get the chance to share your opinions on IT & business topics through brief surveys -- and earn cash http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
