Database Lookups

Labels
AJAX(112) App Studio(7) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(177) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(9) OAuth Scopes(1) OAuth2(13) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(11) PKCE(2) Postgre SQL(1) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(183) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(81) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(2) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Database Lookups
Wednesday, May 30, 2012PrintSubscribe
Multi-Field Copy

When a new order is created in the Northwind database, users will select a customer using the Customer Company Name lookup field. This action can result in automatic population of the shipping information.

Orders create form with a selected customer. The shipping information is not copied over.

Let’s make an assumption that fields Ship Name, Ship Address, Ship City, Ship Region, Ship Postal Code, and Ship Country should default to the customer’s Contact Name, Address, City, Region, Postal Code, and Country values when a lookup value is selected.

Lookup list of Customers

Start the Project Designer. In the Project Explorer, switch to the Controllers tab. Double-click on Orders / Fields / CustomerID field node.

CustomerID field of Orders controller in the Project Explorer.

List the fields that will be copied in the Copy property. The field on the right is from the lookup, and the field on the left is the copy destination. Note that the field must be present in the lookup view in order for the value to be copied. If a field needs to be copied but not displayed to the end user, add the field as hidden.

Property New Value
Copy

ShipName=ContactName
ShipAddress=Address
ShipCity=City
ShipRegion=Region
ShipPostalCode=PostalCode
ShipCountry=Country

Press OK to save the field. On the tool bar, press Browse.

When the web application opens in your default web browser, navigate to the Orders page and create an order. Select a customer using the lookup. The shipping information will be copied from the customer to the order.

Orders create form with a selected customer. The shipping information is copied from the Customer.

Navigate to Customers page and select a customer Bon app’ in the master view. On the action bar of the detail view Orders, click New Orders. The client library will automatically perform reverse lookup. The customer is already known, and the contact information will be copied over by the Customer Company Name lookup field, despite the fact that it is hidden on the form.

Reverse Lookup in action in web application created with Code On Time.

Thursday, May 24, 2012PrintSubscribe
Configuring a Drop Down List

The Drop Down List is a popular method for selecting lookup values.

The Ship Via field on the Orders edit form is automatically configured with Lookup item style. Let’s change this field into a Drop Down List.

Ship Via Company Name field on the Orders edit form with Lookup item style.

Start the Project Designer. Switch to the Controllers tab, and double-click on Orders / Fields / ShipVia field node.

ShipVia field under Orders controller in the Project Explorer.

Change the following properties:

Property New Value
Items Style Drop Down List
Data Value Field ShipperID
Data Text Field CompanyName

Press OK to save the field, and click Browse on the tool bar to generate the web app.

When your web browser opens, navigate to the Orders page and edit a record. The Ship Via field is now a Drop Down List.

Ship Via Company Name field with Drop Down List items style.

Wednesday, May 23, 2012PrintSubscribe
Configuring a Radio Button List

The Radio Button List items style is useful when there is a need to select a single option from a short list.

For example, the Ship Via Company Name field on the Orders edit form uses Lookup item style by default. A lookup may be useful with a large number of records to choose from. However, there are only three shipping companies in the Northwind database, making a lookup redundant. Let’s change this lookup into a radio button list.

Ship Via Company Name field rendered as a lookup on the Orders edit form.

Start the Project Designer. In the Explorer, switch to the Controllers tab and double-click on Orders / Fields / ShipVia field node.

ShipVia field in the Orders controller in Code On Time Project Explorer.

Change the following properties:

Property New Value
Items Style Radio Button List
Data Value Field ShipperID
Data Text Field CompanyName

Press OK to save the field, and press Browse on the tool bar. Navigate to Orders page and edit a record.

Ship Via Company Name field is now rendered as a radio button list. The “N/A” option appears because the field is not mandatory. If more shippers are added to the Shippers table, then more options will be available in the list.

Ship Via Company Name field rendered as a Radio Button List on the Orders edit form.

The radio button list can be rendered in multiple columns. Switch back to the Project Explorer and double-click on Orders / Views / editForm1 / c1 – Orders / ShipVia data field node.

ShipVia field in Orders controller presented in Project Explorer.

Make the following changes:

Property New Value
Columns 2

Press OK to save the data field, and click Browse on the tool bar.

When the web application opens in your default web browser, navigate to Orders page and edit a record. There are now two columns of radio buttons for the Ship Via Company Name field.

Ship Via Company Name field rendered as a Radio Button List in two columns.