react_shopping_cart_test

About This Space

First attempt to create a shopping cart in react


Last updated on June 20, 2019

Public Permissions:   View   Open/Fork   Run   Comment  

Database Table Lookup Template

This template provides an example of a simple database inquiry and the use of database-driven components.

Database Driven Auto-Complete

The customer number textbox provides auto-complete functionality that shows available customer numbers, along with the corresponding customer names. The user simply starts typing into the box to see available choices.

Screenshot

This functionality is accomplished without any extra Node.js code thanks to the database-driven widget capabilities found in NodeRun. The textbox widget has the following properties set for auto-complete:

  • choices database table
  • choices options field
  • choices value field

Screenshot

Other properties can help further refine the auto-complete functionality:

  • choices selection criteria
  • choices parameter value
  • max choices
  • contains match
  • case sensitive

Retrieving Full Customer Information

Customer information is retrieved and then placed on the screen using pjs.query(), which accepts an SQL statement along with any parameters to bind to the SQL. The results of pjs.query() are returned into a JavaScript array without the need for a callback function. This simplifies top-down business application programming.

Controlling Visibility

Widgets on the screen can be bound to fields or variables within your Node.js code. For example, the "visibility" property of the widget that shows the Invalid Customer Number message was bound to a boolean field named invalid. Now, we can easily trigger the message from our Node.js code just by setting invalid to true or false.

API

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

More Spaces By Rodrigo (@rruizque)

Filters:

Popular Recent

Educational demo on how to use Fusion Charts ion combination with a database to improve business applications. There is a link to a step by step video tutorial in the Readme file.

23101

0

0

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

23053

0

0

This is a NodeRun demo space for a Payments application using Node.js Fusion Charts, MariaDB and Rich Displays. The Readme file includes a link to a step by step tutorial

20726

0

0

This app allows a team to decide where to go for lunch (or dinner) by using acceptance voting.

23148

0

0

Full-stack application build with Node.js, MariaDB and Rich Displays. A link to an educational step by step video tutorial is available in the Readme file

22398

0

0

This is the completed example for the Stateful To-Do List Application walkthrough (https://noderun.com/docs/walkthroughs/stateful_todo_list_app) and the starting point for the Drag and Drop walkthrough (coming soon). Please feel free to fork this workspace to use as a starting place for you own projects or for the walkthroughs.

19602

0

0

Low code employee maintenance

20154

0

0