Live Scroll 


This sample uses a static dataset of about 150 rows. The data is embedded directly on the page in JSON format.SigmaGrid renders all rows initially.

  •  Scroll vertically past the last visible row.
  •  Notice that you can drag scroll bar with data shown up smoothly since every row has been rendered already.

Code

  
var context = {paintMode:"all"};

Painting all cells in one time

Notice that the dataset above has only 150 rows.

You may load thousands rows of data into grid in one time.To render all the rows in one time is really a time-consuming work, and meanwhile the brower is frozen and can NOT reponse to the end users. "Slice Rendering" mode could help you increase user experience. When this mode activated only visible rows are rendered. That is, everytime the vertical scroll bar is dragged, SigmaGrid will detemine which rows are visible and paint them out.

Code 

var context = {paintMode:"page"};

Painting celling slice by slice 

Tips 

You may ask how to determine which mode should be adopted. In General, Slice mode could bring more pleasant user performance when the number of rows is expected to be more than 500, and all mode could make scrolling more smoothkly when the number is less than 200. We suggest you to conduct a test before you make decision if the rows number is between 200 and 500. 


All contents are (c) Copyright 2005 - 2007, Sigma Software Inc. All rights Reserved