Revision history [back]

click to hide/show revision 1
initial version

asked 2020-12-30 20:57:43 +0800

JuliaZ gravatar image JuliaZ

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?

Thanks in advance

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?

Thanks in advance

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?

Thanks in advance

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More