You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Mihir Chhaya <mi...@gmail.com> on 2014/10/16 21:41:05 UTC
Table Tree expand node
Hello,
Could anybody please help me on following?
This is related to:
-------------------------
Table Tree with custom Tree Provider to display folder structure.
I am referring to Sven Meier's Advanced Tabular Tree Structure example for
Wicket 6.x. (
http://www.wicket-library.com/wicket-examples-6.0.x/tree/wicket/bookmarkable/org.apache.wicket.examples.tree.TableTreePage?0&foo=AAA
)
My goal is:
-----------------
To display vertical scroll bar on expanding single folder/subfolder in
Table Tree.
The part working is:
-----------------------------
Expand and collapse of the node using '+' icon next to Folder path.
The part I am struggling with is:
-----------------------------------------------
Table Tree is not showing vertical scroll bar if there are more files, so
not allowing to view complete folder/sub folder content. It shows the
scroll bar only if I revisit the same page by clicking the menu option.
Thanks,
-Mihir.
Re: Table Tree expand node
Posted by Mihir Chhaya <mi...@gmail.com>.
Thanks, Sven.
I tried to play around with CSS in chrome dev tools to reproduce the error
on web link above but could not. Also, I compared CSS with my code from
chrome dev tools. I can see some additional Bootstrap css for my page, but
un-checking those references did not do help.
I have made some progress though. I realized I did not have tree.expand(t)
and tree.collapse(t) when clicking on folder path (as I am using
SelectedFolderContent from Tree example, and have 'select' method which is
calling tree.update()). With those in, the folder click is now toggle, and
with setReponsePage(MyTreePage.class) followed, the sub-folder is opened
completely with scrollbar for page.
So, now scroll bar + toggle (expand/collapse) is working when clicking on
folder path link. But still no luck when clicking '+' button.
Additionally, while debugging I found the Folder onClick is called only
when clicking on Folder path (C:\folderA\folderAA\), but it is not when
clicking on '+'.
Thanks again for your time,
-Mihir.
On Fri, Oct 17, 2014 at 10:07 AM, Sven Meier <sv...@meiers.net> wrote:
> Hi,
>
> can you reproduce the same problem here?
>
> http://wicket-dnd-jquery.appspot.com
>
> On the bottom of the page you'll find a TableTree, once you expand a node
> the scrollbars appear correctly.
>
> Regards
> Sven
>
>
>
>
> On 10/16/2014 11:20 PM, Mihir Chhaya wrote:
>
>> Thanks, Sven for your suggestion. I am using custom CSS, and also the
>> project is using Wicket Bootstrap.
>>
>> But, the scroll bar is not displayed even after making TableTree page
>> independent (removing CSS, and free from bootstrap). Following is from my
>> modified version of AdvancedTreePage.html.
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
>> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>>
>> <html xmlns:wicket>
>> <head>
>> <title>Folder structure</title>
>> </head>
>> <body>
>> <form wicket:id="form">
>> <p>
>> <a wicket:id="collapseAll">collapse all</a> <a
>> wicket:id="expandAll">expand all</a>
>> </p>
>>
>> <p>
>> <wicket:child/>
>> </p>
>>
>> <input type="submit" wicket:id="submit" value="OK"/>
>> </form>
>> </body>
>> </html>
>>
>> And here is for from <wicket:child/> page:
>>
>> <html xmlns:wicket="
>> http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd" >
>> <head>
>> <wicket:head>
>> <style>
>> table {
>> width: 90%;
>> border: 1px solid #DDDDDD;
>> }
>> tr.even {
>> background-color: #FFFFFF;
>> }
>> tr.odd {
>> background-color: #EEEEEE;
>> }
>> td.number {
>> text-align: right;
>> padding-right: 1em;
>> }
>> </style>
>> </wicket:head>
>> </head>
>> <body>
>> <wicket:extend>
>> <div wicket:id="tree">[tree]</div>
>> </wicket:extend>
>> </body>
>> </html>
>>
>> Thanks,
>> -Mihir.
>>
>> On Thu, Oct 16, 2014 at 4:36 PM, Sven Meier <sv...@meiers.net> wrote:
>>
>> Hi,
>>>
>>> Expand and collapse of the node using '+' icon next to Folder path.
>>>> It shows the scroll bar only if I revisit the same page by clicking the
>>>>
>>> menu option.
>>>
>>> are you using custom CSS to style your page?
>>> What happens if you run without this CSS, does the scrollbar appear
>>> immedtiately?
>>>
>>> Sven
>>>
>>>
>>> On 10/16/2014 09:41 PM, Mihir Chhaya wrote:
>>>
>>> Hello,
>>>>
>>>> Could anybody please help me on following?
>>>>
>>>> This is related to:
>>>> -------------------------
>>>> Table Tree with custom Tree Provider to display folder structure.
>>>> I am referring to Sven Meier's Advanced Tabular Tree Structure example
>>>> for
>>>> Wicket 6.x. (
>>>> http://www.wicket-library.com/wicket-examples-6.0.x/tree/
>>>> wicket/bookmarkable/org.apache.wicket.examples.tree.
>>>> TableTreePage?0&foo=AAA
>>>> )
>>>>
>>>>
>>>> My goal is:
>>>> -----------------
>>>> To display vertical scroll bar on expanding single folder/subfolder in
>>>> Table Tree.
>>>>
>>>>
>>>> The part working is:
>>>> -----------------------------
>>>> Expand and collapse of the node using '+' icon next to Folder path.
>>>>
>>>>
>>>> The part I am struggling with is:
>>>> -----------------------------------------------
>>>> Table Tree is not showing vertical scroll bar if there are more files,
>>>> so
>>>> not allowing to view complete folder/sub folder content. It shows the
>>>> scroll bar only if I revisit the same page by clicking the menu option.
>>>>
>>>>
>>>> Thanks,
>>>> -Mihir.
>>>>
>>>>
>>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>>> For additional commands, e-mail: users-help@wicket.apache.org
>>>
>>>
>>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Table Tree expand node
Posted by Sven Meier <sv...@meiers.net>.
Hi,
can you reproduce the same problem here?
http://wicket-dnd-jquery.appspot.com
On the bottom of the page you'll find a TableTree, once you expand a
node the scrollbars appear correctly.
Regards
Sven
On 10/16/2014 11:20 PM, Mihir Chhaya wrote:
> Thanks, Sven for your suggestion. I am using custom CSS, and also the
> project is using Wicket Bootstrap.
>
> But, the scroll bar is not displayed even after making TableTree page
> independent (removing CSS, and free from bootstrap). Following is from my
> modified version of AdvancedTreePage.html.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
> <html xmlns:wicket>
> <head>
> <title>Folder structure</title>
> </head>
> <body>
> <form wicket:id="form">
> <p>
> <a wicket:id="collapseAll">collapse all</a> <a
> wicket:id="expandAll">expand all</a>
> </p>
>
> <p>
> <wicket:child/>
> </p>
>
> <input type="submit" wicket:id="submit" value="OK"/>
> </form>
> </body>
> </html>
>
> And here is for from <wicket:child/> page:
>
> <html xmlns:wicket="
> http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd" >
> <head>
> <wicket:head>
> <style>
> table {
> width: 90%;
> border: 1px solid #DDDDDD;
> }
> tr.even {
> background-color: #FFFFFF;
> }
> tr.odd {
> background-color: #EEEEEE;
> }
> td.number {
> text-align: right;
> padding-right: 1em;
> }
> </style>
> </wicket:head>
> </head>
> <body>
> <wicket:extend>
> <div wicket:id="tree">[tree]</div>
> </wicket:extend>
> </body>
> </html>
>
> Thanks,
> -Mihir.
>
> On Thu, Oct 16, 2014 at 4:36 PM, Sven Meier <sv...@meiers.net> wrote:
>
>> Hi,
>>
>>> Expand and collapse of the node using '+' icon next to Folder path.
>>> It shows the scroll bar only if I revisit the same page by clicking the
>> menu option.
>>
>> are you using custom CSS to style your page?
>> What happens if you run without this CSS, does the scrollbar appear
>> immedtiately?
>>
>> Sven
>>
>>
>> On 10/16/2014 09:41 PM, Mihir Chhaya wrote:
>>
>>> Hello,
>>>
>>> Could anybody please help me on following?
>>>
>>> This is related to:
>>> -------------------------
>>> Table Tree with custom Tree Provider to display folder structure.
>>> I am referring to Sven Meier's Advanced Tabular Tree Structure example for
>>> Wicket 6.x. (
>>> http://www.wicket-library.com/wicket-examples-6.0.x/tree/
>>> wicket/bookmarkable/org.apache.wicket.examples.tree.
>>> TableTreePage?0&foo=AAA
>>> )
>>>
>>>
>>> My goal is:
>>> -----------------
>>> To display vertical scroll bar on expanding single folder/subfolder in
>>> Table Tree.
>>>
>>>
>>> The part working is:
>>> -----------------------------
>>> Expand and collapse of the node using '+' icon next to Folder path.
>>>
>>>
>>> The part I am struggling with is:
>>> -----------------------------------------------
>>> Table Tree is not showing vertical scroll bar if there are more files, so
>>> not allowing to view complete folder/sub folder content. It shows the
>>> scroll bar only if I revisit the same page by clicking the menu option.
>>>
>>>
>>> Thanks,
>>> -Mihir.
>>>
>>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> For additional commands, e-mail: users-help@wicket.apache.org
>>
>>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Table Tree expand node
Posted by Mihir Chhaya <mi...@gmail.com>.
Thanks, Sven for your suggestion. I am using custom CSS, and also the
project is using Wicket Bootstrap.
But, the scroll bar is not displayed even after making TableTree page
independent (removing CSS, and free from bootstrap). Following is from my
modified version of AdvancedTreePage.html.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:wicket>
<head>
<title>Folder structure</title>
</head>
<body>
<form wicket:id="form">
<p>
<a wicket:id="collapseAll">collapse all</a> <a
wicket:id="expandAll">expand all</a>
</p>
<p>
<wicket:child/>
</p>
<input type="submit" wicket:id="submit" value="OK"/>
</form>
</body>
</html>
And here is for from <wicket:child/> page:
<html xmlns:wicket="
http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd" >
<head>
<wicket:head>
<style>
table {
width: 90%;
border: 1px solid #DDDDDD;
}
tr.even {
background-color: #FFFFFF;
}
tr.odd {
background-color: #EEEEEE;
}
td.number {
text-align: right;
padding-right: 1em;
}
</style>
</wicket:head>
</head>
<body>
<wicket:extend>
<div wicket:id="tree">[tree]</div>
</wicket:extend>
</body>
</html>
Thanks,
-Mihir.
On Thu, Oct 16, 2014 at 4:36 PM, Sven Meier <sv...@meiers.net> wrote:
> Hi,
>
> >Expand and collapse of the node using '+' icon next to Folder path.
> >It shows the scroll bar only if I revisit the same page by clicking the
> menu option.
>
> are you using custom CSS to style your page?
> What happens if you run without this CSS, does the scrollbar appear
> immedtiately?
>
> Sven
>
>
> On 10/16/2014 09:41 PM, Mihir Chhaya wrote:
>
>> Hello,
>>
>> Could anybody please help me on following?
>>
>> This is related to:
>> -------------------------
>> Table Tree with custom Tree Provider to display folder structure.
>> I am referring to Sven Meier's Advanced Tabular Tree Structure example for
>> Wicket 6.x. (
>> http://www.wicket-library.com/wicket-examples-6.0.x/tree/
>> wicket/bookmarkable/org.apache.wicket.examples.tree.
>> TableTreePage?0&foo=AAA
>> )
>>
>>
>> My goal is:
>> -----------------
>> To display vertical scroll bar on expanding single folder/subfolder in
>> Table Tree.
>>
>>
>> The part working is:
>> -----------------------------
>> Expand and collapse of the node using '+' icon next to Folder path.
>>
>>
>> The part I am struggling with is:
>> -----------------------------------------------
>> Table Tree is not showing vertical scroll bar if there are more files, so
>> not allowing to view complete folder/sub folder content. It shows the
>> scroll bar only if I revisit the same page by clicking the menu option.
>>
>>
>> Thanks,
>> -Mihir.
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Table Tree expand node
Posted by Sven Meier <sv...@meiers.net>.
Hi,
>Expand and collapse of the node using '+' icon next to Folder path.
>It shows the scroll bar only if I revisit the same page by clicking
the menu option.
are you using custom CSS to style your page?
What happens if you run without this CSS, does the scrollbar appear
immedtiately?
Sven
On 10/16/2014 09:41 PM, Mihir Chhaya wrote:
> Hello,
>
> Could anybody please help me on following?
>
> This is related to:
> -------------------------
> Table Tree with custom Tree Provider to display folder structure.
> I am referring to Sven Meier's Advanced Tabular Tree Structure example for
> Wicket 6.x. (
> http://www.wicket-library.com/wicket-examples-6.0.x/tree/wicket/bookmarkable/org.apache.wicket.examples.tree.TableTreePage?0&foo=AAA
> )
>
>
> My goal is:
> -----------------
> To display vertical scroll bar on expanding single folder/subfolder in
> Table Tree.
>
>
> The part working is:
> -----------------------------
> Expand and collapse of the node using '+' icon next to Folder path.
>
>
> The part I am struggling with is:
> -----------------------------------------------
> Table Tree is not showing vertical scroll bar if there are more files, so
> not allowing to view complete folder/sub folder content. It shows the
> scroll bar only if I revisit the same page by clicking the menu option.
>
>
> Thanks,
> -Mihir.
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org