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 illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.

2495

0

0

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

2277

0

0

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

2561

0

0

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

2436

0

0

Demo app to use EJS to display information from a database

2335

0

0

This Space creates a falling leaves animation

2933

0

1

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

2434

0

0

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

2390

0

0

A simple poll to gather topics for future meetup events

2085

0

0

My hello app

2922

0

1

My hello app

2498

0

0

Simple output to a browser from Node.js

2120

0

0