Building a Product Listing App

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 3, 2019

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

Filters:

Popular Recent

A simple Demo of how to deploy EJS templates from a stateful Node.js script

38743

0

6

This is a simple demo of Fibers! Fibers simplifies code by avoiding messy code known as "callback hell", "promises hell", or "async/await hell". Once Fibers is setup, you never have to think about callbacks or promises (they are handled automatically for you).

22597

0

5

This lab walks you through building a series of Node.js applications that work with employee data.

20129

3

7

User Account Management and Login System

19319

0

1

Simple example of a real world business application

19049

0

1

Simple inquiry application that shows Customer Orders and Payments

18151

0

2

Demo app to use EJS to display information from a database

18099

0

4

Advanced To Do List CRUD application with editable grid and drag-and-drop

16721

0

0

Simple Service Request Form Application

16691

0

1

This interactive customer inquiry app prompts the user for key fields to lookup a customer record

16185

0

0

A simple dashboard example that uses responsive design

16163

0

3