hi thiago,

sorry to send you directly on the same topic for this question. as i've
implemented the tree object on my web page FF3 works great. but i just don't
understand why IE can't render the tree properly. right after i restarted my
server. when opening the page contained the tree object, it doesn't render. 

as you know tree object is actually <ul><li></li></ul> tag with css
fittings. the plus sign and folder, when clicked on the plus object it will
expand or collapse. but IE browser doesn't render it when i first hit view
the page. i need to keep refresh the page until it render the tree. as i
keep refresh it it will turn back to normal list <ul>. i did put
"@IncludeStylesheet" annotation after the "@IncludeJavaScriptLibrary" before
the my page class name.

i actually saw the error script stated as 'treeObj undefined'
but from my code in page

        @AfterRender
    public void afterRender() {
                        String jsString = "";
                        jsString += "Event.observe(window,'load',function(){";
                        jsString += " treeObj = new JSDragDropTree(); ";
                        jsString += " treeObj.setTreeId('bststruct'); ";
                        jsString += " treeObj.setImageFolder('../images/'); ";
                        jsString += " treeObj.setRenameAllowed(false); ";
                        jsString += " treeObj.setDeleteAllowed(false); ";
                        jsString += " treeObj.initTree(); })";
            renderSupport.addScript(String.format(jsString));
    }

i already set it as treeObj. i know this is troublesome, but perhaps you can
give your advise on this? what do you think? from the wiki page
"Tapestry5AndJavaScriptExplained" the author did mentioned on the tree
construction at last section like this:-

@AfterRender
        private boolean phase7() {
                heartbeat.end();
                //if there is another element in the tree, 
                //go to the @BeginRender method again.
                return (!iterator.hasNext());
        }

        @CleanupRender
        void phase8(MarkupWriter writer) {
                writer.end();
                String jsString = "";
                jsString += "Event.observe( window, 'load', function() {";
                jsString += " %s = new JSDragDropTree(); ";
                jsString += " %s.setTreeId('reporttree'); ";
                jsString += " %s.setImageFolder('../images/tree/'); ";
                jsString += " %s.setRenameAllowed(false); ";
                jsString += " %s.setDeleteAllowed(false); ";
                jsString += " %s.initTree(); ";
                jsString += " %s.expandAll(); ";
                jsString += " } );";
                renderSupport.addScript(String.format(jsString,
treeObjectName,
                                treeObjectName, treeObjectName,
treeObjectName, treeObjectName,
                                treeObjectName, treeObjectName));
        }


i'm really confused, as i don't know where to look to. 

please advise,
wesley
-- 
View this message in context: 
http://www.nabble.com/how-to-use-%40IncludeJavaScriptLibrary-to-include-more-than-1-library-in-page-tp21834042p21856593.html
Sent from the Tapestry - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org

Reply via email to