Building a Product Listing App 2

About This Space

This space illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.


Last updated on July 23, 2019

Forked from: /amanda/building-a-product-listing-app/

Public Permissions:   View   Open/Fork   Run   Comment  

Product Listing

This space illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.

Grid Widget

The grid widget supports many capabilities that you can provide to your end-users with little to no manual coding. These capabilities include:

  • Column Sorting
  • Movable columns
  • Resizable columns
  • Export to Excel or CSV
  • Paging Bar
  • Row selection
  • Searching for data within the grid
  • Data filtering
  • Hiding columns
  • Context menus
  • Row Folding
  • Automatic database table reading with zero code
  • Row drag and drop
  • And more

Using Visual Designer to setup a Grid

You can use the Visual Designer to design the layout and the behavior of your grid. You can click to add or remove columns and visible rows. You can visually resize rows, columns, and headings. You can edit the heading text inline. You can also configure 100's of properties using the Properties Window on the right. Finally, each grid column can host one or more input or output widgets -- simply drag the desired widget into the first row of the grid in the Visual Designer.

Screenshot

API

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

More Spaces By Amanda (@amanda)

Filters:

Popular Recent

This Space creates a falling leaves animation

10138

0

1

My hello app

8841

0

1

This app was built to let JavaScript Orange County members suggest and vote on topics for future meetings.

8780

0

0

This workspace shows you how to add custom widgets to your project

8605

0

0

My hello app

8465

0

0

This workspace illustrates the basic setup of an HTML page that includes external JavaScript and CSS files

8431

0

0

Want to allow your users to sort data using drag-and-drop? This space shows you how!

8409

0

0

Demo app to use EJS to display information from a database

8388

0

0

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

8317

0

0

This space illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.

8276

0

0

This app is designed to help decide what the next women's apparel options will be available for the Profound Logic team.

8211

0

0

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

8056

0

0