Example of undefined in React ListView Component

/
/
Scrolling

This sample demonstrates the functionalities of infinite scrolling. When user scrolls to the bottom, new data is fetched and added to the existing list through scroll event. This creates an infinite scrolling effect, enhancing the user experience by loading new data dynamically as needed.

More Details...

Food Items

  • hamburger
    Hamburger
    $10
    A patty of ground beef grilled and placed between two halves of a bun with slices of lettuce and mayonnaise
  • cheeseburger
    Cheeseburger
    $12
    A hamburger with a slice of melted cheese on top of the meat patty, added near the end of the cooking time
  • sandwich
    Sandwich
    $8
    A combination of vegetables, sliced cheese or meat, placed on or between slices of bread with layer of ingredients
  • milkshake
    Milkshake
    $6
    A sweet beverage made by blending milk, ice cream, and flavorings or fruit syrup into a thick, sweet, cold mixture
  • muffin
    Muffin
    $11
    Muffins are single-serving quick breads, which rise with the help of baking soda or baking powder and eggs instead of yeast
  • pizza
    Pizza
    $22
    A combination of a flattened disk of bread dough with olive oil, oregano, tomato, mozzarella cheese
  • onionrings
    Onion ring
    $10
    Consists of a cross-sectional "ring" of onion dipped in bread crumbs and then deep fried; variant is made with onion paste.
  • sausage
    Sausage
    $15
    Sausage is a combination of minced/ground meat, a binder, water and seasonings, mild but strongly spiced
  • pretzel
    Pretzel
    $25
    Made from a rope of dough, the pretzel is briefly boiled and then glazed with egg, salted, and baked
  • pancake
    Pancake
    $23
    A combination of eggs, milk on a hot surface such as a griddle or frying pan, often frying with oil or butter
Description

The Listview control scroll event allows users to load data using a load on demand concept, where buffered data is fetched only when the scrollbar reaches the end of the scroller. Scroll event provides the necessary details to dynamically add the new data to the ListView.