Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I use listbox like this:
<borderlayout>
<north title=" " border="none" collapsible="true">
......
</north>
<west title=" " border="none" size="200px" splittable="true" minsize="150" maxsize="300" flex="true" collapsible="true">
<borderlayout>
</west>
<center autoscroll="true" style="background:url(images/_mbg.gif);">
<west border="none" collapsible="true" title="main" size="280px">
......
</west>
<center autoscroll="true" >
<listbox mold="paging" pageSize="15" style="height:100%;width:100%;">
......
</listbox>
</center>
<borderlayout>
</center>
</borderlayout>
The listbox's paging control always by last column of listbox , the style height 100% isn't avaiable. Someone can help me ? Is it a bug or need some setting?
instead of setting the width and/or height in %... use hflex and/or vflex
<listbox mold="paging" pageSize="2" hflex="1" vflex="1">
you can get informations here : http://books.zkoss.org/wiki/ZK%20Developer's%20Reference/UI%20Patterns/Hflex%20and%20Vflex
jasonhoo,
Your example is not a well-formed XML. Please provide a working example so that your problem can be reproduced.Otherwise, there is no way to trouble shoot.
I created the following code based on my guess of what you want to do, and it shows up fine.
<borderlayout>
<north title=" " border="none" collapsible="true">
......
</north>
<west title=" " border="none" size="200px" splittable="true" minsize="150" maxsize="300" flex="true" collapsible="true">
</west>
<center>
<borderlayout>
<west border="none" collapsible="true" title="main" size="280px">
......
</west>
<center autoscroll="true" >
<listbox mold="paging" pageSize="2" style="height:100%;width:100%;">
<listitem label="xxx" />
<listitem label="yyy" />
<listitem label="zzz" />
</listbox>
</center>
</borderlayout>
</center>
</borderlayout>
Thanks,but my questions is two:
1, why isn't the listbox's paging control in the bottom of the listbox but next to last column;
2, why width is 100% cause the scroll...
I use the IE9.0 or Firefox 13.0.1 with Zk6.0.1, and you?
<borderlayout>
<west size="280px"/>
<center>
<listbox mold="paging" pageSize="2" height="100%" width="100%">
<listitem label="xxx" />
<listitem label="yyy" />
<listitem label="zzz" />
</listbox>
</center>
</borderlayout>
Asked: 2012-06-27 16:57:08 +0800
Seen: 195 times
Last updated: Jul 04 '12