Revision history [back]

Listbox with vflex, variable row height and autopaging flickering

Hello,

we have a listbox (using vflex) with variable row height and try to use autopaging. When modifying the css that is applied to the cell content when autopaging is turned on to automatically apply the correct height to

.z-listbox-autopaging .z-listcell-content { height: auto; overflow: hidden; }

the table starts to flicker or the content "jumps" in some cases because the page size and the page count seems to be recalculated again and again.

We want to avoid setting the pagesize to a fixed value or setting the height of the cell content to an absolute value (which could cut of multi line content).

The table is embeded like this:

<vlayout id="123" sclass="main" vflex="1"
apply="SomeController">
...

<panel id="resultPanel" visible="false" title="scan" border="normal" vflex="1">

<caption sclass="mainCaption"/>

<panelchildren>

<vlayout sclass="resultInformation">
<label id="scanResultResultSizeLabel"/>
</vlayout>

<listbox id="scanResultListbox" vflex="1" mold="paging" pageSize="20"
sclass="listboxVerticalLinesRight defaultCursor">
</listbox>

</panelchildren>
</panel>
</vlayout>


We are using ZK 8.5.0. The issue was also reported in ZK-2359, but the solution was to set the height to a fixed value.

Is there any other solution to this?

Listbox with vflex, variable row height and autopaging flickering

Hello,

we have a listbox (using vflex) with variable row height and try to use autopaging. When modifying the css that is applied to the cell content when autopaging is turned on to automatically apply the correct height to

.z-listbox-autopaging .z-listcell-content { height: auto; overflow: hidden; }

the table starts to flicker or the content "jumps" in some cases because the page size and the page count seems to be recalculated again and again.

We want to avoid setting the pagesize to a fixed value or setting the height of the cell content to an absolute value (which could cut of multi line content).

The table is embeded like this:

<vlayout id="123" sclass="main" vflex="1"
apply="SomeController">
...

<panel id="resultPanel" visible="false" title="scan" border="normal" vflex="1">

<caption sclass="mainCaption"/>

<panelchildren>

<vlayout sclass="resultInformation">
<label id="scanResultResultSizeLabel"/>
</vlayout>

<listbox id="scanResultListbox" vflex="1" mold="paging" pageSize="20"
sclass="listboxVerticalLinesRight defaultCursor">
</listbox>

</panelchildren>
</panel>
</vlayout>


We are using ZK 8.5.0. The issue was also reported in ZK-2359, but the solution was to set the height to a fixed an absolute value.

Is there any other solution to this?

Listbox with vflex, variable row height and autopaging flickering

Hello,

we have a listbox (using vflex) with variable row height and try to use autopaging. When modifying the css that is applied to the cell content when autopaging is turned on to automatically apply the correct height to

.z-listbox-autopaging .z-listcell-content { height: auto; overflow: hidden; }

the table starts to flicker or the content "jumps" in some cases because the page size and the page count seems to be recalculated again and again.

We want to avoid setting the pagesize to a fixed value or setting the height of the cell content to an absolute value (which could cut of off multi line content).

The table is embeded like this:

<vlayout id="123" sclass="main" vflex="1"
apply="SomeController">
...

<panel id="resultPanel" visible="false" title="scan" border="normal" vflex="1">

<caption sclass="mainCaption"/>

<panelchildren>

<vlayout sclass="resultInformation">
<label id="scanResultResultSizeLabel"/>
</vlayout>

<listbox id="scanResultListbox" vflex="1" mold="paging" pageSize="20"
sclass="listboxVerticalLinesRight defaultCursor">
</listbox>

</panelchildren>
</panel>
</vlayout>


We are using ZK 8.5.0. The issue was also reported in ZK-2359, but the solution was to set the height to an absolute value.

Is there any other solution to this?