You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by "Gaikwad, Pritam (Pritam)" <pg...@avaya.com> on 2011/03/01 05:46:24 UTC
myfaces-tree2 component
Hi,
We are using tomahawk's tree2 component in our application. We have more
than 12000 nodes in the navigation tree which is the most important
component of our application.
The problem is- with 12000 nodes tree renderer generates large amount of
html (~ 20MB) which is repetitive and the browser takes almost 40-45
minutes to render the tree. So, do we have any way to avoid this
problem?
Mentioned below html is only a small part of what's being sent from the
server.
<table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" nowrap="nowrap" height="100%" valign="top"><a href="#"
onclick="setID(this.id);;return
oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
rise-tree:enterprisetree:0:0:0:t2g',null,[['enterprisetree:org.apache.my
faces.tree.NAV_COMMAND','0:0:0']]);"
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
2g"><img
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
2"
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
nav-minus-line-last.gif" alt="Collapse" border="0" height="18"
width="19" title="Collapse" /></a></td><td nowrap="nowrap"><span
style="white-space:nowrap;"><img
src="/CS-OAM/images/dtree/folderopen.gif" alt="Folder Open" border="0"
/><a href="#" onclick="setID(this.id);return
oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
rise-tree:enterprisetree:0:0:0:_idJsp35');"
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:_
idJsp35" class="document">Default Admin
Site</a></span></td></tr></table>
<table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/spacer.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
spacer.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" nowrap="nowrap" height="100%" valign="top"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img id="t2"
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
onclick="setID(this.id);return
oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
rise-tree:enterprisetree:0:0:0:0:_idJsp38');"
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:0
:_idJsp38" class="document">mhprfadmin</a></span></td></tr></table>
<table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/spacer.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
spacer.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" nowrap="nowrap" height="100%" valign="top"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img id="t2"
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
onclick="setID(this.id);return
oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
rise-tree:enterprisetree:0:0:0:1:_idJsp38');"
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:1
:_idJsp38" class="document">mhprfdb2</a></span></td></tr></table>
<table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" height="100%" nowrap="nowrap"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/spacer.gif"><img
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
spacer.gif" alt="" width="19" height="18" border="0" /></td><td
width="19" nowrap="nowrap" height="100%" valign="top"
background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
images/line-trunk.gif"><img id="t2"
src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
onclick="setID(this.id);return
oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
rise-tree:enterprisetree:0:0:0:2:_idJsp38');"
id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:2
:_idJsp38" class="document">mhprfdc1</a></span></td></tr></table>
Regards,
Pritam
Re: myfaces-tree2 component
Posted by Leonardo Uribe <lu...@gmail.com>.
Hi
Use t:tree2 using client side mode obviously will cause the problem
you mentioned, even if the generated html code is optimized in size.
The alternative is use server side mode or other tree implementation
that uses ajax techniques to load and show data. Right now I haven't
tested if t:tree2 and f:ajax can work together.
By those reasons, in this case it is possible t:tree2 is not a good
alternative for you. Really I would like to have a t:tree3 component
...
regards,
Leonardo
2011/3/1 Michael Heinen <mh...@googlemail.com>:
> Hi Pritam,
>
> I migrated a few weeks ago to the richfaces tree which has ajax support on
> board.
> Maybe it's an alternative for you.
>
> Regards,
> Michael
>
> Am 01.03.2011 09:20, schrieb Jakob Korherr:
>>
>> Hi Pritam,
>>
>> I had a similar problem in one of my projects and we solved it by
>> making the tree AJAX aware - which means that we only loaded the first
>> section of the tree with the site and then loaded other sections on
>> demand if a user clicked the related "+".
>>
>> However, if that is not possible for you, you have 2 other options: 1)
>> use a different tree component from another library (not tomahawk) or
>> 2) write your own tree component.
>>
>> I hope this helps!
>>
>> Regards,
>> Jakob
>>
>> 2011/3/1, Gaikwad, Pritam (Pritam)<pg...@avaya.com>:
>>>
>>> Hi,
>>>
>>>
>>>
>>> We are using tomahawk's tree2 component in our application. We have more
>>> than 12000 nodes in the navigation tree which is the most important
>>> component of our application.
>>>
>>>
>>>
>>> The problem is- with 12000 nodes tree renderer generates large amount of
>>> html (~ 20MB) which is repetitive and the browser takes almost 40-45
>>> minutes to render the tree. So, do we have any way to avoid this
>>> problem?
>>>
>>>
>>>
>>> Mentioned below html is only a small part of what's being sent from the
>>> server.
>>>
>>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>>> height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" nowrap="nowrap" height="100%" valign="top"><a href="#"
>>> onclick="setID(this.id);;return
>>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>>> rise-tree:enterprisetree:0:0:0:t2g',null,[['enterprisetree:org.apache.my
>>> faces.tree.NAV_COMMAND','0:0:0']]);"
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
>>> 2g"><img
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
>>> 2"
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> nav-minus-line-last.gif" alt="Collapse" border="0" height="18"
>>> width="19" title="Collapse" /></a></td><td nowrap="nowrap"><span
>>> style="white-space:nowrap;"><img
>>> src="/CS-OAM/images/dtree/folderopen.gif" alt="Folder Open" border="0"
>>> /><a href="#" onclick="setID(this.id);return
>>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>>> rise-tree:enterprisetree:0:0:0:_idJsp35');"
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:_
>>> idJsp35" class="document">Default Admin
>>> Site</a></span></td></tr></table>
>>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>>> height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/spacer.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" nowrap="nowrap" height="100%" valign="top"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img id="t2"
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>>> onclick="setID(this.id);return
>>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>>> rise-tree:enterprisetree:0:0:0:0:_idJsp38');"
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:0
>>> :_idJsp38" class="document">mhprfadmin</a></span></td></tr></table>
>>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>>> height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/spacer.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" nowrap="nowrap" height="100%" valign="top"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img id="t2"
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>>> onclick="setID(this.id);return
>>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>>> rise-tree:enterprisetree:0:0:0:1:_idJsp38');"
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:1
>>> :_idJsp38" class="document">mhprfdb2</a></span></td></tr></table>
>>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>>> height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" height="100%" nowrap="nowrap"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/spacer.gif"><img
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>>> width="19" nowrap="nowrap" height="100%" valign="top"
>>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>>> images/line-trunk.gif"><img id="t2"
>>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>>> onclick="setID(this.id);return
>>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>>> rise-tree:enterprisetree:0:0:0:2:_idJsp38');"
>>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:2
>>> :_idJsp38" class="document">mhprfdc1</a></span></td></tr></table>
>>>
>>>
>>>
>>> Regards,
>>>
>>>
>>>
>>> Pritam
>>>
>>>
>>>
>>
>
>
Re: myfaces-tree2 component
Posted by Michael Heinen <mh...@googlemail.com>.
Hi Pritam,
I migrated a few weeks ago to the richfaces tree which has ajax support
on board.
Maybe it's an alternative for you.
Regards,
Michael
Am 01.03.2011 09:20, schrieb Jakob Korherr:
> Hi Pritam,
>
> I had a similar problem in one of my projects and we solved it by
> making the tree AJAX aware - which means that we only loaded the first
> section of the tree with the site and then loaded other sections on
> demand if a user clicked the related "+".
>
> However, if that is not possible for you, you have 2 other options: 1)
> use a different tree component from another library (not tomahawk) or
> 2) write your own tree component.
>
> I hope this helps!
>
> Regards,
> Jakob
>
> 2011/3/1, Gaikwad, Pritam (Pritam)<pg...@avaya.com>:
>> Hi,
>>
>>
>>
>> We are using tomahawk's tree2 component in our application. We have more
>> than 12000 nodes in the navigation tree which is the most important
>> component of our application.
>>
>>
>>
>> The problem is- with 12000 nodes tree renderer generates large amount of
>> html (~ 20MB) which is repetitive and the browser takes almost 40-45
>> minutes to render the tree. So, do we have any way to avoid this
>> problem?
>>
>>
>>
>> Mentioned below html is only a small part of what's being sent from the
>> server.
>>
>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>> height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" nowrap="nowrap" height="100%" valign="top"><a href="#"
>> onclick="setID(this.id);;return
>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>> rise-tree:enterprisetree:0:0:0:t2g',null,[['enterprisetree:org.apache.my
>> faces.tree.NAV_COMMAND','0:0:0']]);"
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
>> 2g"><img
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
>> 2"
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> nav-minus-line-last.gif" alt="Collapse" border="0" height="18"
>> width="19" title="Collapse" /></a></td><td nowrap="nowrap"><span
>> style="white-space:nowrap;"><img
>> src="/CS-OAM/images/dtree/folderopen.gif" alt="Folder Open" border="0"
>> /><a href="#" onclick="setID(this.id);return
>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>> rise-tree:enterprisetree:0:0:0:_idJsp35');"
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:_
>> idJsp35" class="document">Default Admin
>> Site</a></span></td></tr></table>
>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>> height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/spacer.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" nowrap="nowrap" height="100%" valign="top"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img id="t2"
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>> onclick="setID(this.id);return
>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>> rise-tree:enterprisetree:0:0:0:0:_idJsp38');"
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:0
>> :_idJsp38" class="document">mhprfadmin</a></span></td></tr></table>
>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>> height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/spacer.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" nowrap="nowrap" height="100%" valign="top"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img id="t2"
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>> onclick="setID(this.id);return
>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>> rise-tree:enterprisetree:0:0:0:1:_idJsp38');"
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:1
>> :_idJsp38" class="document">mhprfdb2</a></span></td></tr></table>
>> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
>> height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" height="100%" nowrap="nowrap"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/spacer.gif"><img
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
>> width="19" nowrap="nowrap" height="100%" valign="top"
>> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
>> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
>> images/line-trunk.gif"><img id="t2"
>> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
>> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
>> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
>> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
>> onclick="setID(this.id);return
>> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
>> rise-tree:enterprisetree:0:0:0:2:_idJsp38');"
>> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:2
>> :_idJsp38" class="document">mhprfdc1</a></span></td></tr></table>
>>
>>
>>
>> Regards,
>>
>>
>>
>> Pritam
>>
>>
>>
>
Re: myfaces-tree2 component
Posted by Jakob Korherr <ja...@gmail.com>.
Hi Pritam,
I had a similar problem in one of my projects and we solved it by
making the tree AJAX aware - which means that we only loaded the first
section of the tree with the site and then loaded other sections on
demand if a user clicked the related "+".
However, if that is not possible for you, you have 2 other options: 1)
use a different tree component from another library (not tomahawk) or
2) write your own tree component.
I hope this helps!
Regards,
Jakob
2011/3/1, Gaikwad, Pritam (Pritam) <pg...@avaya.com>:
> Hi,
>
>
>
> We are using tomahawk's tree2 component in our application. We have more
> than 12000 nodes in the navigation tree which is the most important
> component of our application.
>
>
>
> The problem is- with 12000 nodes tree renderer generates large amount of
> html (~ 20MB) which is repetitive and the browser takes almost 40-45
> minutes to render the tree. So, do we have any way to avoid this
> problem?
>
>
>
> Mentioned below html is only a small part of what's being sent from the
> server.
>
> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
> height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" nowrap="nowrap" height="100%" valign="top"><a href="#"
> onclick="setID(this.id);;return
> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
> rise-tree:enterprisetree:0:0:0:t2g',null,[['enterprisetree:org.apache.my
> faces.tree.NAV_COMMAND','0:0:0']]);"
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
> 2g"><img
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:t
> 2"
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> nav-minus-line-last.gif" alt="Collapse" border="0" height="18"
> width="19" title="Collapse" /></a></td><td nowrap="nowrap"><span
> style="white-space:nowrap;"><img
> src="/CS-OAM/images/dtree/folderopen.gif" alt="Folder Open" border="0"
> /><a href="#" onclick="setID(this.id);return
> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
> rise-tree:enterprisetree:0:0:0:_idJsp35');"
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:_
> idJsp35" class="document">Default Admin
> Site</a></span></td></tr></table>
> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
> height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/spacer.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" nowrap="nowrap" height="100%" valign="top"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img id="t2"
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
> onclick="setID(this.id);return
> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
> rise-tree:enterprisetree:0:0:0:0:_idJsp38');"
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:0
> :_idJsp38" class="document">mhprfadmin</a></span></td></tr></table>
> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
> height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/spacer.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" nowrap="nowrap" height="100%" valign="top"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img id="t2"
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
> onclick="setID(this.id);return
> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
> rise-tree:enterprisetree:0:0:0:1:_idJsp38');"
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:1
> :_idJsp38" class="document">mhprfdb2</a></span></td></tr></table>
> <table cellpadding="0" cellspacing="0" border="0"><tr><td width="19"
> height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-trunk.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" height="100%" nowrap="nowrap"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/spacer.gif"><img
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> spacer.gif" alt="" width="19" height="18" border="0" /></td><td
> width="19" nowrap="nowrap" height="100%" valign="top"
> background="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.re
> nderkit.html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/
> images/line-trunk.gif"><img id="t2"
> src="/CS-OAM/faces/myFacesExtensionResource/org.apache.myfaces.renderkit
> .html.util.MyFacesResourceLoader/12986260/tree2.HtmlTreeRenderer/images/
> line-middle.gif" alt="" border="0" height="18" width="19" /></td><td
> nowrap="nowrap"><span style="white-space:nowrap;"><a href="#"
> onclick="setID(this.id);return
> oamSubmitForm('navigation:_idJsp1','navigation:_idJsp1:enterprise:enterp
> rise-tree:enterprisetree:0:0:0:2:_idJsp38');"
> id="navigation:_idJsp1:enterprise:enterprise-tree:enterprisetree:0:0:0:2
> :_idJsp38" class="document">mhprfdc1</a></span></td></tr></table>
>
>
>
> Regards,
>
>
>
> Pritam
>
>
>
--
Jakob Korherr
blog: http://www.jakobk.com
twitter: http://twitter.com/jakobkorherr
work: http://www.irian.at