Use Live Data and Paging"

From Documentation
m (Created page with '{{ZKDevelopersGuidePageHeader}} Sending out a list box with a lot of items to the client is expensive. In addition, the JavaScript engine of the browser is not good for initiali…')
 
m (remove empty version history (via JWB))
 
(13 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{ZKDevelopersGuidePageHeader}}
+
{{ZKDevelopersReferencePageHeader}}
  
−
Sending out a list box with a lot of items to the client is expensive. In addition, the JavaScript engine of the browser is not good for initializing a list box with a lot of items. A better solution is to use the live data, i.e., by assigning a list model to it. Then, the list items are sent to the client only if they become visible.
+
Sending out a listbox/grid/tree with a lot of items to the client is expensive. In addition, the JavaScript engines of some browsers are not good for initializing a listbox/grid/tree with a lot of items. A better solution is to use the live data, i.e., by assigning a model (such as <javadoc type="interface">org.zkoss.zul.ListModel</javadoc>) to it. Then, the items are sent to the client only if they become visible.
  
−
The performance will be improved more if you also use the paging mold.
+
In addition, the performance will be improved more if you also use the paging mold such as
  
−
Refer to the '''List Boxes''' section in the '''ZUML with the XUL Component Set''' chapter for more details.
+
<source lang="xml">
 +
<listbox model="${mymodel}" mold="paging">
 +
...
 +
</source>
  
 +
For more information of using and implementing a model, please refer to [[ZK Developer's Reference/MVC/Model|the Model section]]
 +
and [[ZK_Component_Reference/Data/Listbox#Live_Data|ZK Component Reference: Listbox]].
  
−
{{ ZKDevelopersGuidePageFooter}}
+
 
 +
 
 +
{{ ZKDevelopersReferencePageFooter}}

Latest revision as of 10:23, 5 February 2024


DocumentationZK Developer's ReferencePerformance TipsListbox, Grid and Tree for Huge DataUse Live Data and Paging
Use Live Data and Paging


Sending out a listbox/grid/tree with a lot of items to the client is expensive. In addition, the JavaScript engines of some browsers are not good for initializing a listbox/grid/tree with a lot of items. A better solution is to use the live data, i.e., by assigning a model (such as ListModel) to it. Then, the items are sent to the client only if they become visible.

In addition, the performance will be improved more if you also use the paging mold such as 

<listbox model="${mymodel}" mold="paging">
...

For more information of using and implementing a model, please refer to the Model section and ZK Component Reference: Listbox.




Last Update : 2024/02/05

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.


Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Developer%27s_Reference/Performance_Tips/Listbox,_Grid_and_Tree_for_Huge_Data/Use_Live_Data_and_Paging&oldid=56813"